在JS数组指定位置插入元素
2016-07-19 17:48
676 查看
原文链接:
Array: Insert an Item at a Specific Index with JavaScript
原文日期: 2014年07月24日
翻译日期: 2014年07月26日
翻译人员: 铁锚
很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。
[javascript]
view plain
copy
// 原来的数组
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函数(索引位置, 要删除元素的数量, 元素)
array.splice(2, 0, "three");
array; // 现在数组是这个样子 ["one", "two", "three", "four"]
如果你对扩展原生 JavaScript 不反感,那么可以将这个方法添加到数组原型(Array prototype)中:
[javascript]
view plain
copy
Array.prototype.insert = function (index, item) {
this.splice(index, 0, item);
};
此时,可以这样调用:
[javascript]
view plain
copy
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)。为了更方便,请收藏本文,或者将这些片段保存到你的工具箱吧!
Array: Insert an Item at a Specific Index with JavaScript
原文日期: 2014年07月24日
翻译日期: 2014年07月26日
翻译人员: 铁锚
很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。
[javascript]
view plain
copy
// 原来的数组
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函数(索引位置, 要删除元素的数量, 元素)
array.splice(2, 0, "three");
array; // 现在数组是这个样子 ["one", "two", "three", "four"]
如果你对扩展原生 JavaScript 不反感,那么可以将这个方法添加到数组原型(Array prototype)中:
[javascript]
view plain
copy
Array.prototype.insert = function (index, item) {
this.splice(index, 0, item);
};
此时,可以这样调用:
[javascript]
view plain
copy
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)。为了更方便,请收藏本文,或者将这些片段保存到你的工具箱吧!
相关文章推荐
- JS笔记(2)
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- arcgis JavaScript api 的打印功能
- [学习笔记]运算符的应用
- 《JavaScript高级程序设计》笔记系列1-- 在 HTML 中使用 JavaScript
- JS实现网页打印功能
- js方法不识别参数问题
- js 闭包方式封装
- JS动态显示时间
- Echarts地图合并提取
- Js获取当前时间
- javascript的settimeout
- JS脚本修改控件宽度
- JSON.parse()和JSON.stringify()
- 18.AJAX及JSON
- 重写js的replaceAll的方法
- JavaScript之对象学习
- ExtJs Grid 删除,编辑,查看详细等超链接处理
- 在你的 composer.json 中增加 doctrine/dbal 依赖
- javascript中的弹框