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


Posted in Javascript onAugust 24, 2014

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

需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。

// 原来的数组
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 相关文章推荐
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
详解JavaScript正则表达式中的global属性的使用
Jun 16 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
vue路由的配置和页面切换详解
Sep 09 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 #Javascript
jQuery异步加载数据并添加事件示例
Aug 24 #Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 #Javascript
Jquery中扩展方法extend使用技巧
Aug 24 #Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
You might like
?繁体转换的class
2006/10/09 PHP
php用正则表达式匹配中文实例详解
2013/11/06 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
判断浏览器的javascript版本的代码
2010/09/03 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
jquery validate poshytip 自定义样式
2012/11/26 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
从零学Python之引用和类属性的初步理解
2014/05/15 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
如何使用pyinstaller打包32位的exe程序
2019/05/26 Python
Django单元测试中Fixtures用法详解
2020/02/25 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
EJB发布WEB服务一般步骤
2012/10/31 面试题
资深地理教师自我评价
2013/09/21 职场文书
农村婚礼证婚词
2014/01/10 职场文书
税务干部鉴定材料
2014/02/11 职场文书
设备动力科岗位职责范本
2014/02/23 职场文书
疾病防治方案
2014/05/31 职场文书
鲁迅故里导游词
2015/02/05 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
golang中的struct操作
2021/11/11 Golang