下面詳細介紹一下各個方法的基本功能。
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...