在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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
js数组去重的方法汇总
Jul 29 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
BootStrap modal实现拖拽功能
Dec 01 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
JS实现炫酷雪花飘落效果
Aug 19 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下载xls文件(自己动手写的)
2014/04/18 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
XP折叠菜单&仿QQ2006菜单
2006/12/16 Javascript
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
javascript之IE版本检测超简单方法
2016/08/20 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
2020/02/10 Javascript
python实现FTP服务器服务的方法
2017/04/11 Python
python实现微信自动回复功能
2018/04/11 Python
浅谈Python中的bs4基础
2018/10/21 Python
python生成lmdb格式的文件实例
2018/11/08 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
医药代表个人求职信范本
2013/12/19 职场文书
大学生创业计划书
2014/08/14 职场文书
顶岗实习计划书
2015/01/16 职场文书
Python控制台输出俄罗斯方块移动和旋转功能
2021/04/18 Python
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers