記錄JS常用陣列方法

1.給陣列新增元素push()方法，在陣列末尾新增，返回新陣列

var arr = [1,2,3];
arr.push(4,2);
console.log(arr);

結果是：[1,2,3,4,2]

2.給陣列移除元素pop()方法，不需要傳引數，返回新陣列

var arr = [1,2,3];
arr.pop();
console.log(arr);

結果是：[1,2]

便於記憶，將push()和pop()放到一塊對比，push()需要傳入新新增的元素，pop()刪除陣列最後一項，不需要傳入引數。

3.給陣列新增元素unshift()方法，在陣列前面新增，返回新陣列

var arr = [1,2,3];
arr.unshift(4,5);
console.log(arr);

結果是：[4,5,1,2,3]

4.給陣列移除元素shift()方法，不需要傳引數，返回新陣列

var arr = [1,2,3];
arr.shift();
console.log(arr);

結果是：[2,3]

便於記憶，可以將unshift()、shift()方法與push()、pop()這一組方法對比，兩者傳參及使用方法一致，前者從陣列第一項開始，後者從陣列最後一項開始

5.講陣列內的所有項反轉，末尾項成為第一項，方法為reverse()

var arr = [1,2,3];
arr.reverse();
console.log(arr);

結果是：[3,2,1]

reverse()方法使用場景並不多，我們使用sort()方法更多一些。

6.sort()方法排序，可以傳引數也可以不傳引數，如果不傳引數的話，陣列會按照字元編碼的順序進行排序（並不會按照數值大小來排序）。如果我們想實現按照數值大小來排序的話，必須傳入引數，我們可以傳入乙個排序函式來解決這個問題

function sortnum(a,b)
var arr = [1,2,4,3,6,5];
arr.sort(sortnum);
console.log(arr);

結果是：[1,2,3,4,5,6]

如果需要降序排列的話，只需要將排序函式中的a-b換成b-a即可

7.indexof()和lastindexof()方法用來查詢元素在陣列中所在的位置，indexof(item,[start])，lastindexof(item,[start])

var arr = [2,4,4,5,7,2,5,3,1,8,9];
console.log(arr.indexof(3)); //7
console.log(arr.lastindexof(5));//6
console.log(arr.indexof(4,2));//2
console.log(arr.lastindexof(4,1));//1

lastindexof()中的start為查詢的起始位置，返回的結果從起始位置開始往前查詢，找到的第乙個匹配項，這裡需要注意的是，lastindexof()應用範圍並不多見，我們需要把常用的indexof()記住

8.陣列的連線使用的是concat()，該方法並不會改變原來的陣列

var arr = [1,2,3];
var newarr = arr.concat(11,[222,33]);
console.log(arr);//[1,2,3]
console.log(newarr);[1,2,3,11,222,33]

9.陣列分割方法slice()，slice(start,[end])，使用該方法後，返回乙個新陣列，包含從start到end(不包含該元素)的陣列

var arr = [1,2,3,4,5];
var newarr = arr.slice(2);
var newarr1 = arr.slice(2,4);
console.log(arr);//[1,2,3,4,5]
console.log(newarr);//[3,4,5]
console.log(newarr1);//[3,4]

從結果可以看出，slice()並不會改變原有陣列

記錄JS常用陣列方法

js 常用陣列方法

js常用的陣列方法

js 常用陣列方法歸納

記錄JS常用陣列方法

js 常用陣列方法

js常用的陣列方法

js 常用陣列方法歸納

相關推薦