JavaScript的資料中可通過splice/slice在指定位置新增或刪除元素。另外還有slice、delete等方法實現。

splice簡介

splice方法向/從陣列中新增/刪除專案，然後返回被刪除的專案。該方法會改變原始陣列。

 arrayObject.splice(index, howmany, item1, ..., itemX)

引數 描述

index 必需。整數，規定新增/刪除專案的位置，使用負數可從陣列結尾處規定位置。

howmany 必需。要刪除的專案數量。如果設定為 0，則不會刪除專案。

item1, ..., itemX 可選。向陣列新增的新專案。

使用示例

刪除第3個元素

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

刪除開始的3個元素

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

在第2個元素後，新增新數字 9

var arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, 9);
console.log(arr) //[1, 2, 9, 3, 4, 5]

Array.insert 新增

藉助splice可以在array上面新增一個原生的insert方法，直接運算元組：

Array.prototype.insert = function(index) {
 index = Math.min(index, this.length);
 arguments.length > 1
 && this.splice.apply(this, [index, 0].concat([].pop.call(arguments)))
 && this.insert.apply(this, arguments);
 return this;
};

使用示例

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

Array.remove 刪除

也可以用slice在array上面新增一個原生的remove方法

Array.prototype.remove = function(from, to) {
 var rest = this.slice((to || from) + 1 || this.length);
 this.length = from < 0 ? this.length + from : from;
 return this.push.apply(this, rest);
};

使用，刪除第3個元素

var arr = [1, 2, 3, 4, 5];
arr.remove(2); //第3個元素索引是2
console.log(arr); //[1, 2, 4, 5]

這裡使用了slice方法，簡介如下：

資源搜尋網站大全 https://www.renrenfan.com.cn 廣州VI設計公司https://www.houdianzi.com

slice簡介

slice() 方法可從已有的陣列中返回選定的元素。返回一個新陣列，不修改原有陣列。

arrayObject.slice(start,end)

引數描述

start 必需。規定從何處開始選取。如果是負數，那麼它規定從陣列尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。

end 可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數，那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數，那麼它規定的是從陣列尾部開始算起的元素。