在JS數組指定位置插入元素

原文出處： davidwalsh   譯文出處：鐵錨  

很多與數組有關的任務聽起來很簡單,但實際情況并不總是如此,而開發人員在很多時候也用不到他。最近我碰到了這樣一個需求: 將一個元素插入到現有數組的特定索引處。聽起來很容易和常見,但需要一點時間來研究它。

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

array;  // 現在數組是這個樣子 ["one", "two", "three", "four"]</pre> 
如果你對擴展原生 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"]
 
我對數組也進行過一些其他的修改,可能你已經看過了: 


Remove an Item From an Array : 從數組中刪除元素 

Clone Arrays : 數組克隆 

Empty Arrays : 空數組 

Sort Arrays : 數組排序 
</ul>

Arrays 非常的有用—— JavaScript中處理某些任務還是比較繁瑣…… 必須編寫比實際需要的更多的代碼(code-heavy)。為了更方便,請收藏本文,或者將這些片段保存到你的工具箱吧!