在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 相关文章推荐
改善用户体验的五款jQuery插件分享
May 22 Javascript
jquery键盘事件使用介绍
Nov 01 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
Angularjs实现搜索关键字高亮显示效果
Jan 17 Javascript
Bootstrap中data-target 到底是什么
Feb 14 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
webpack的pitching loader详解
Sep 23 Javascript
js实现跳一跳小游戏
Jul 31 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字符串截取的简单方法
2013/07/04 PHP
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
JS完成代码前最好对其做5件事
2013/04/07 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
JavaScript返回0-1之间随机数的方法
2015/04/06 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
JS三级可折叠菜单实现方法
2016/02/29 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
JavaScript中boolean类型之三种情景实例代码
2016/11/21 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
在ironpython中利用装饰器执行SQL操作的例子
2015/05/02 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
CSS3 边框效果
2019/11/04 HTML / CSS
Python的两道面试题
2013/06/29 面试题
写好求职信的技巧解密
2019/05/14 职场文书
导游词之峨眉山
2019/12/16 职场文书
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏