在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 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
js实现页面跳转重定向的几种方式
May 29 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 Javascript
js实现不提示直接关闭网页窗口
Mar 30 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 Javascript
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
JS+CSS实现滚动数字时钟效果
Dec 25 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
javascript 数组精简技巧小结
Feb 26 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
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
PHP通过bypass disable functions执行系统命令的方法汇总
2018/05/02 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
javascript this详细介绍
2016/09/19 Javascript
关于验证码在IE中不刷新的快速解决方法
2016/09/23 Javascript
javaScript日期工具类DateUtils详解
2017/12/08 Javascript
JS中双击和单击事件冲突的解决方法
2018/04/09 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
js实现特别简单的钟表效果
2020/09/14 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
详解使用python crontab设置linux定时任务
2016/12/08 Python
Python变量赋值的秘密分享
2018/04/03 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
python实现接口并发测试脚本
2019/06/25 Python
django queryset相加和筛选教程
2020/05/18 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
四个太阳教学反思
2014/02/01 职场文书
预防传染病方案
2014/06/14 职场文书
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
初中思想品德教学反思
2016/02/24 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
导游词之镇江西津古渡
2019/11/06 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫