js陣列方法總結

2021-09-04 04:17:02 字數 4847 閱讀 6406

下面詳細介紹一下各個方法的基本功能。

1、join()

join(separator): 將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數:即分隔符。

var arr = [1,2,3];

console.log(arr.join()); // 1,2,3

console.log(arr.join("-")); // 1-2-3

console.log(arr); // [1, 2,3](原陣列不變)

2、push()和pop()

push(): 可以接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度。

pop():陣列末尾移除最後一項,減少陣列的 length 值,然後返回移除的項。

var arr = ["lily","lucy","tom"];

var count = arr.push("jack","sean");

console.log(count); // 5

console.log(arr); // ["lily", "lucy", "tom", "jack", "sean"]

var item = arr.pop();

console.log(item); // sean

console.log(arr); // ["lily", "lucy", "tom", "jack"]

3、shift() 和 unshift()

shift():刪除原陣列第一項,並返回刪除元素的值;如果陣列為空則返回undefined 。

unshift:將引數新增到原陣列開頭,並返回陣列的長度 。

這組方法和上面的push()和pop()方法正好對應,乙個是運算元組的開頭,乙個是運算元組的結尾。

var arr = ["lily","lucy","tom"];

var count = arr.unshift("jack","sean");

console.log(count); // 5

console.log(arr); //["jack", "sean", "lily", "lucy", "tom"]

var item = arr.shift();

console.log(item); // jack

console.log(arr); // ["sean", "lily", "lucy", "tom"]**

4、sort()

sort():按公升序排列陣列項——即最小的值位於最前面,最大的值排在最後面。

在排序時,sort()方法會呼叫每個陣列項的 tostring()轉型方法,然後比較得到的字串,以確定如何排序。即使陣列中的每一項都是數值, sort()方法比較的也是字串,因此會出現以下的這種情況:

var arr1 = ["a", "d", "c", "b"]; console.log(arr1.sort()); // ["a", "b", "c", "d"] arr2 = [13, 24, 51, 3]; console.log(arr2.sort()); // [13, 24, 3, 51] console.log(arr2); // [13, 24, 3, 51](元陣列被改變)

為了解決上述問題,sort()方法可以接收乙個比較函式作為引數,以便我們指定哪個值位於哪個值的前面。比較函式接收兩個引數,如果第乙個引數應該位於第二個之前則返回乙個負數,如果兩個引數相等則返回 0,如果第乙個引數應該位於第二個之後則返回乙個正數。以下就是乙個簡單的比較函式:

function compare(value1, value2)  else if (value1 > value2)  else 

}arr2 = [13, 24, 51, 3];

console.log(arr2.sort(compare)); // [3, 13, 24, 51]

如果需要通過比較函式產生降序排序的結果,只要交換比較函式返回的值即可:

function compare(value1, value2)  else if (value1 > value2)  else 

}arr2 = [13, 24, 51, 3];

console.log(arr2.sort(compare)); // [51, 24, 13, 3]

5、reverse()

reverse():反轉陣列項的順序。

var arr = [13, 24, 51, 3];

console.log(arr.reverse()); //[3, 51, 24, 13]

console.log(arr); //[3, 51, 24, 13](原陣列改變)

6、concat()

concat() :將引數新增到原陣列中。這個方法會先建立當前陣列乙個副本,然後將接收到的引數新增到這個副本的末 尾,最後返回新構建的陣列。在沒有給 concat()方法傳遞引數的情況下,它只是複製當前陣列並返回副本。

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

var arrcopy = arr.concat(9,[11,13]);

console.log(arrcopy); //[1, 3, 5, 7, 9, 11, 13]

console.log(arr); // [1, 3, 5, 7](原陣列未被修改)

從上面測試結果可以發現:傳入的不是陣列,則直接把引數新增到陣列後面,如果傳入的是陣列,則將陣列中的各個項新增到陣列中。但是如果傳入的是乙個二維陣列呢?
var arrcopy2 = arr.concat([9,[11,13]]);

console.log(arrcopy2); //[1, 3, 5, 7, 9, array[2]]

console.log(arrcopy2[5]); //[11, 13]

7、slice()

slice():返回從原陣列中指定開始下標到結束下標之間的項組成的新陣列。slice()方法可以接受一或兩個引數,即要返回項的起始和結束位置。在只有乙個引數的情況下, slice()方法返回從該引數指定位置開始到當前陣列末尾的所有項。如果有兩個引數,該方法返回起始和結束位置之間的項——但不包括結束位置的項。

var arr = [1,3,5,7,9,11];

var arrcopy = arr.slice(1);

var arrcopy2 = arr.slice(1,4);

var arrcopy3 = arr.slice(1,-2);

var arrcopy4 = arr.slice(-4,-1);

console.log(arr); //[1, 3, 5, 7, 9, 11](原陣列沒變)

console.log(arrcopy); //[3, 5, 7, 9, 11]

console.log(arrcopy2); //[3, 5, 7]

console.log(arrcopy3); //[3, 5, 7]

console.log(arrcopy4); //[5, 7, 9]

arrcopy只設定了乙個引數,也就是起始下標為1,所以返回的陣列為下標1(包括下標1)開始到陣列最後。

arrcopy2設定了兩個引數,返回起始下標(包括1)開始到終止下標(不包括4)的子陣列。

arrcopy3設定了兩個引數,終止下標為負數,當出現負數時,將負數加上陣列長度的值(6)來替換該位置的數,因此就是從1開始到4(不包括)的子陣列。

arrcopy4中兩個引數都是負數,所以都加上陣列長度6轉換成正數,因此相當於slice(2,5)。

splice():

很強大的陣列方法,它有很多種用法,可以實現刪除、插入和替換。

刪除:可以刪除任意數量的項,只需指定 2 個引數:要刪除的第一項的位置和要刪除的項數。例如, splice(0,2)會刪除陣列中的前兩項。

插入:可以向指定位置插入任意數量的項,只需提供 3 個引數:起始位置、 0(要刪除的項數)和要插入的項。例如,splice(2,0,4,6)會從當前陣列的位置 2 開始插入4和6。

替換:可以向指定位置插入任意數量的項,且同時刪除任意數量的項,只需指定 3 個引數:起始位置、要刪除的項數和要插入的任意數量的項。插入的項數不必與刪除的項數相等。例如,splice (2,1,4,6)會刪除當前陣列位置 2 的項,然後再從位置 2 開始插入4和6。

splice()方法始終都會返回乙個陣列,該陣列中包含從原始陣列中刪除的項,如果沒有刪除任何項,則返回乙個空陣列。

var arr = [1,3,5,7,9,11];

var arrremoved = arr.splice(0,2);

console.log(arr); //[5, 7, 9, 11]

console.log(arrremoved); //[1, 3]

var arrremoved2 = arr.splice(2,0,4,6);

console.log(arr); // [5, 7, 4, 6, 9, 11]

console.log(arrremoved2); //

var arrremoved3 = arr.splice(1,1,2,4);

console.log(arr); // [5, 2, 4, 4, 6, 9, 11]

console.log(arrremoved3); //[7]

JS陣列方法總結

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

js陣列方法總結

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

JS 陣列方法總結

在我們到陣列這塊內容的時候,我們會發現陣列的方法居多,功能巨強大,進行我們對陣列的所有原生方法進行分類總結。1.檢測陣列 用於檢測某個屬性或者物件是否屬於物件或者陣列 返回值為 true false var arr 1,2,3 console.log arr instanceof array tru...