在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 相关文章推荐
Prototype使用指南之selector.js
Jan 10 Javascript
jquery ajax return没有返回值的解决方法
Oct 20 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
js中关于一个分号的崩溃示例
Nov 11 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
JS实现unicode和UTF-8之间的互相转换互转
Jul 05 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
js回调函数原理与用法案例分析
Mar 04 Javascript
通过实例解析JavaScript for in及for of区别
Jun 15 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
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
PHP 金额数字转换成英文
2010/05/06 PHP
javascript 事件绑定问题
2011/01/01 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
JavaScript中如何通过arguments对象实现对象的重载
2014/05/12 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python模块之re正则表达式详解
2017/02/03 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
大学生的网上创业计划书
2013/12/31 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
法律系毕业生求职信
2014/05/28 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
高中生毕业评语
2014/12/30 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
二手房购房意向书
2015/05/09 职场文书
2015年卫生监督工作总结
2015/05/21 职场文书
收入证明申请书
2015/06/12 职场文书
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python