在JS数组特定索引处指定位置插入元素


Posted in Javascript onJuly 27, 2014

很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。

// 原来的数组 
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"]
Javascript 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
如何利用JavaScript实现二叉搜索树
Apr 02 Javascript
多个$(document).ready()的执行顺序实例分析
Jul 26 #Javascript
jquery 取子节点及当前节点属性值
Jul 25 #Javascript
jquery text()方法取标签中的文本
Jul 25 #Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 #Javascript
判断日期是否能跨月查询的js代码
Jul 25 #Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 #Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 #Javascript
You might like
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
2017/04/25 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
python中xrange用法分析
2015/04/15 Python
Python中字符串对齐方法介绍
2015/05/21 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
python实现屏保计时器的示例代码
2018/08/08 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
Python 实现向word(docx)中输出
2020/02/13 Python
python序列类型种类详解
2020/02/26 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
上班离岗检讨书
2014/01/27 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
12岁生日演讲稿
2014/05/14 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
2016元旦晚会主持词开场白和结束语
2015/12/04 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电