js Array操作的最簡短最容易理解方法
Array 的方法
1 Array.join(): 把所有元素用符號連結(jié)成string返回, 如果元素不是基本類型, 先調(diào)用toString.
它對應(yīng)string.split();
arr = [1,2,true,3,4,5];
(arr.join('-') == '1-2-true-3-4-5';
2 Array.reverse(): 逆序排列數(shù)組
arr = [1,2,true,3,4,5];
arr.reverse();// arr == [5,4,3,true,2,1];
3 Array.sort(): 排序,可以傳遞一個排序函數(shù)作參數(shù)
arr.sort(function(a,b){
return a-b;
});
4 Array.concat(): 拼接函數(shù),
在末尾拼接上新元素,返回拼接后的array,但是不改變原array;參數(shù)可以是一個元素,多個元素,一個數(shù)組,
如果是一個元素,或多個元素,直接把這些元素加到末尾,如果是一個數(shù)組,則把數(shù)組各個元素拿出來拼接到尾部。
a = [1,2,3];
a.concat(4,5)// return [1,2,3,4,5]
a.concat([4,5])// return [1,2,3,4,5]
a.concat([4,5],[6,7]);//return [1,2,3,4,5,6,7]
a.concat([4,[5,6]])//return [1,2,3,4,[5,6]]//注意
5 Array.slice(startPos, endPos): 取子字符串函數(shù)(原array保持不變)
從startPos開始到endPos結(jié)束但不包括endPos上的元素
如果沒有endPos,則取到尾
如果pos為負, 則倒著數(shù)
a = [1,2,3,4,5];
a.slice(0,3)// return [1,2,3]
a.slice(3)//return [4,5]
a.slice(1,-1)//return [2,3,4]//從第一個開始取,取到倒數(shù)第1個,但不包括倒數(shù)第1個
a.slice(1,-2);//return [2,3]//從第一個開始取,取到倒數(shù)第2個,但不包括倒數(shù)第2個
6 Array.splice(startPos, length, [added1, added2...]) 隨機存取函數(shù)
可以隨機刪除一個(些)元素,也可以加上一些元素,
如果只有兩個參數(shù),則從array中刪除從startPos開始總共length個元素
如果有兩個以上參數(shù),則從array中刪除從startPos開始總共length個元素,再從剛才刪除的位置添加上后面的元素
如果被添加的元素是一個數(shù)組則把這個數(shù)組作為一個元素(與concat差別)
a = [1,2,3,4,5];
a.splice(1,2)//return [2,3]; a==[1,4,5]
a.splice(1,2,6,7,8)//return [2,3]; a==[1,6,7,8,4,5]
a.splice(1,2,[6,7,8]);//return [2,3]; a==[1,[6,7,8],4,5]
7 Array.push() 和 Array.pop();
都是操作最后一個元素,push是添加,pop是刪除最后一個元素并返回該元素
8 Array.unshift() 和 Array.shift()
都是操作第一個元素,unshift是添加,shift是刪除第一個元素并返回該元素
合計起來
這些方法會改變原array:reverse, sort, splice, push, pop, unshift, shift
這些方法不會改變原array:join, concat, splice
相關(guān)文章
javascript顯示倒計時控制按鈕的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avascript顯示倒計時控制按鈕的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript實現(xiàn)H5接金幣功能(實例代碼)
這篇文章主要介紹了JavaScript實現(xiàn)H5接金幣功能,本文分步驟通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-02-02
動態(tài)加載dtree.js樹treeview(示例代碼)
本篇文章主要是對動態(tài)加載dtree.js樹treeview的示例代碼進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12

