DIV CSS 佈局教程網

如何在JS數組特定索引處指定位置插入元素？

需求: 將一個元素插入到現有數組的特定索引處。聽起來很容易和常見,但需要一點時間來研究它。

// 原來的數組
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函數(索引位置, 要刪除元素的數量, 元素)
array.splice(2, 0, "three"); // 
array; // 現在數組是這個樣子 ["one", "two", "three", "four"]

如果對擴展原生 JavaScript 不反感,那麼可以將這個方法添加到數組原型(Array prototype)中:

Array.prototype.insert = function (index, item) {
this.splice(index, 0, item);
}; 

此時,可以這樣調用:

var nums = ["one", "two", "four"];
nums.insert(2, 'three'); // 注意數組索引, [0,1,2..]
array // ["one", "two", "three", "four"]