在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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
Node.js Buffer用法解读
May 18 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 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中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
Bootstrap Modal遮罩弹出层代码分享
2016/11/21 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
简单了解Python中的几种函数
2017/11/03 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
python中的常量和变量代码详解
2018/07/25 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
Python configparser模块配置文件过程解析
2020/03/03 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
柯基袜:Corgi Socks
2017/01/26 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
印度在线购物网站:Paytmmall
2019/07/24 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
师范生自荐信范文
2013/10/06 职场文书
平面设计师工作职责范文
2013/12/03 职场文书
入党思想汇报
2014/01/05 职场文书
校园之声广播稿
2014/01/31 职场文书
面试通知邮件
2015/04/20 职场文书
团支部书记竞选稿
2015/11/21 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
pytorch实现手写数字图片识别
2021/05/20 Python
Python MNIST手写体识别详解与试练
2021/11/07 Python
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang