在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)。为了更方便,请收藏本文,或者将这些片段保存到你的工具箱吧!