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

原文鏈接: Array: Insert an Item at a Specific Index with JavaScript
原文日期: 2014年07月24日
翻譯日期: 2014年07月26日
翻譯人員: 鐵錨

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

// 原來的數組
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"]

我對數組也進行過一些其它的改動,可能你已經看過了:

• Remove an Item From an Array : 從數組中刪除元素
• Clone Arrays : 數組克隆
• Empty Arrays : 空數組
• Sort Arrays : 數組排序

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