項目中有時會遇到在數組中的任意位置,添加或刪除元素的情況,這時使用JS 的splice函數也是十分方便的:
const arr = ['a','b','c','d','e'];
const newArr = arr.splice(1, 2,'aa');
console.log(newArr);
console.log(arr);
console.log('-------向數組增加元素--------')
const arr2 = ['a','b','c','d'];
const newArr2 = arr2.splice(0, 0,'bb');
console.log(newArr2);
console.log(arr2);
第一個函數爲你先想對該數組進行刪除操作的起始索引(正向從索引0開始);第二個參數爲從起始索引(含)往後刪除的元素個數,若設爲0;則表示增加元素;第三個參數爲刪除指定的那些元素後,合併這些空缺補上一個元素; 如第二個參數爲0,則表示在第一個參數指定的索引處添加上這個元素,其後面的元素均向後挪一個位置,看上面代碼的結果:
可見,splice操作數組後返回的是刪除的元素的集成的數組(newArr),若第二個參數爲0,表示未刪除任何元素(newArr2);並且此方法會改變初始的數組(arr或arr2)
支持情況:所有主流瀏覽器均支持。