js數組增、刪元素的方法集錦

1、數組增長元素

1.push()方法

// 此方法直接在數組的末尾添加元素

let arr = [1,2];
arr.push(3,4,5);  // arr = [1,2,3,4,5]
複製代碼

2.unshift()方法

//此方法在數組的頭部添加元素,並返回新數組的長度

let arr = [1,2];
let len = arr.unshift(0); // arr = [0,1,2]  len=3
複製代碼

3.splice(ind,len,item)方法

// splice(索引位置，要刪除元素的數量，要增長的元素)

let arr = [1,2];
arr.splice(0, 1, 0); // 結果返回 arr = [0,2]
// 注意：此方法的第二個參數表明要刪除元素的數量。若是要添加元素，那麼第二個參數應爲0 
arr.splice(1,0,1);  // arr = [0,1,2]
複製代碼

4.concat()方法

此方法將參數鏈接至末尾，並返回新數組,不改變原數組

let arr = [1,2];
let newArr = arr.concat(3,4,5);
console.log(arr, newArr);  // arr = [1,2],  newArr =[1,2,3,4,5]
複製代碼

此方法一樣適用於鏈接多個數組

let arrA = [1,2];
let arrB = [3,4,5];
console.log(arrA.concat(arrB));  // arr = [1,2,3,4,5]
複製代碼

5.arr[arr.length] = 新元素的值;

很顯然，此方法利用數組長度直接向數組末尾添加元素賦值，且經驗證，這是最快的向數組末尾添加元素的方法。

 

2、數組刪除元素

1.利用length屬行可設置的特色

let arr = [0,1,2,3,4,5];
arr.lengh = 4; // arr = [0,1,2,3]
複製代碼

2.delete方法：刪除掉數組中的元素後，會把該元素的值置爲undefined，但數組長度不會改變；

let arr = [3,6,7,5,9];
delete arr[2];
console.log(arr, arr.length);    // [3,6,empty,5,9]   7
console.log(arr[2]);   // undefined
複製代碼

3.Array.shift()方法，刪除數組第一項，並返回被刪除元素的值，若數組爲空，則返回undefined

let arr= [1,2,3,4,5];
let ele = arr.shift();  // arr = [2,3,4,5]  ele = 1
複製代碼

4.Array.pop()方法，刪除數組最後一項，並返回被刪除元素的值，若數組爲空，則返回undefined

let arr= [1,2,3,4,5];
let ele = arr.pop();  // arr = [1,2,3,4]  ele = 5
複製代碼

5.Array.splice(index,length,[item])

// 參數釋義：(索引位置, 要刪除元素的數量, 元素) splice方法有三個參數，它能夠用來替換/刪除/添加數組內某一個或者幾個值,該方法會改變原始數組的元素和長度。

let arr = [2,3,4,5,7,8,9];
// 刪除元素，而且改變數組長度
arr.splice(0,2);  //從下標爲0開始刪除，刪除的長度爲2
console.log(arr);  // [4,5,7,8,9]

arr.splice(3);    //從下標爲3開始刪除
console.log(arr);  // [4,5,7,8]

複製代碼

6.用循環中的filter方法：filter建立一個新的數組，新數組中的元素是經過檢查指定數組中符合條件的全部元素，它不會改變原始數組

let arr = [3,4,5,6,7,8,9];
newArr = colors.filter(function(item) {
     return item >= 6
     });
 console.log(newArr);    //  newArr = [6,7,8,9]
複製代碼