js陣列方法總結

2022-07-28 08:12:22 字數 2314 閱讀 7676

傳統的js陣列方法

concat(),push(),pop(),shift(),unshift(),splice(),slice(),join(),sort(),reverse();

es5新增陣列方法:

indexof(),lastindexof(),map(),filter(),foreach(),some(),every(),reduce(),reduceright();

1,concat() 用於連線兩個陣列,返回新構建的陣列

var arr = [2,3,5];

var newarr = arr.concat([5,3,8]);

console.log(newarr)//[2,3,5,5,3,8]

var arr = [2,3,5];

var newarr = arr.concat(5,[3,8]);

console.log(newarr)//[2,3,5,5,3,8]

var arr = [2,3,5];

var newarr = arr.concat([5,[3,8]]);

console.log(newarr)//[2,3,5,5,[3,8]]

看到上面的區別了嗎?

如果concat的不是乙個陣列,元素則直接新增到原陣列末尾,陣列則把每一項分別新增到原陣列末尾;

如果concat的是個二維陣列,則把陣列中的每一項新增到原陣列末尾,二維陣列中陣列整體新增到原陣列末尾;

應用,實現降維陣列

例:

var arr = [[1,2],[2,3]];

console.log(newarr)//[1,2,2,3]

2,push()和pop();

push()是把元素新增到陣列末尾,並返回新陣列的長度;pop()是把陣列中最後一項刪除,並返回刪除的項;

3,shift()和unshift();

unshift()是把元素新增到陣列開頭位置,並返回新陣列的長度;shift()是把陣列中第一項刪除,並返回刪除的項;

4,splice();

splice()的作用很多,可以刪除,新增,替換陣列的某些項;

splice()接收很多引數,第乙個引數代表起始位置,第二個引數代表刪除的個數,第三個引數開始代表插入的資料;返回被刪除的項;

var arr = [1,3,3,5];

var newarr = arr.splice(2,0,6,7,8);

console.log(arr) //[1,3,6,7,8,3,5]

console.log(newarr)//

5,slice();

slice()可以接收2個引數,分別代表起始位置和結束位置,返回起始位置到結束位置直接的資料,但不包括結束位置的資料;

如果只有乙個引數,代表起始位置,返回從起始位置到末尾的資料;

如果引數是負數,代表從末尾開始計算,-1代表最後乙個位置;

6,join();

陣列轉換為字串的方法;

7,sort();

陣列排序,預設按公升序排列;返回排序後的陣列;

sort()缺省會將陣列中的每一項轉換為字串再排序

所以會出現下列情況

var arr = [13,2,1,15,3]

var newarr = arr.sort();

console.log(newarr);//[1,13,15,2,3]

所以需要比較函式,sort可以傳遞乙個函式引數,這個函式就是比較函式;

比較函式接收兩個引數,如果第乙個引數應該位於第二個之前則返回乙個負數,如果兩個引數相等則返回 0,如果第乙個引數應該位於第二個之後則返回乙個正數。

arr.sort(function(a, b)else 

})

8,reverse();

反轉陣列項的順序

9,foreach();

迴圈陣列的每一項,

10,map();

對映陣列的每一項,返回處理後的陣列

11,filter();

返回滿足過濾條件的陣列

12,some();

判斷陣列中的項是否滿足條件,只要有一項滿足就返回ture;

13,every();

判斷陣列中的項是否滿足條件,只有全部項都滿足才返回ture;

14,indexof()和lastindexof();

接收兩個引數,要查詢的項和從哪個位置開始查詢(可有可無);返回元素在陣列中的位置,沒有找到返回-1;

15,reduce()和reduceright();

迭代陣列所有項

JS陣列方法總結

1 轉換方法 tostring 返回陣列的字串表示,每個值的字串表示拼接成乙個字串,中間以逗號隔開。tolocalestring valueof var colors red blue yellow console.log colors.tolocalestring red,blue,yellow ...

js陣列方法總結

下面詳細介紹一下各個方法的基本功能。1 join join separator 將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數 即分隔符。var arr 1,2,3 console.log arr.join 1,2,3 console.l...

js陣列方法總結

concat 方法連線兩個或多個陣列。語法 arrayobject.concat arrayx,arrayx,arrayx 引數必須,引數可以是值,也可以是陣列 把引數陣列的值連線到陣列後 該方法不會改變現有的陣列,而是返回連線後的陣列。var arr 1,2,3 引數是兩個值 var concat...