在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 相关文章推荐
JQuery 表单中textarea字数限制实现代码
Dec 07 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
js实现tab切换效果实例
Sep 16 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
js动态引入的四种方法
May 05 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 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 strtok()函数的优点分析
2010/03/02 PHP
关于php curl获取301或302转向的网址问题的解决方法
2011/06/02 PHP
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
2020/12/30 PHP
firefo xml 读写实现js代码
2009/06/11 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
node.js正则表达式获取网页中所有链接的代码实例
2014/06/03 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
window.location 对象所包含的属性
2014/10/10 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
python随机数分布random均匀分布实例
2019/11/27 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
Linux操作面试题
2012/05/16 面试题
大学军训感言
2014/01/10 职场文书
优秀护士获奖感言
2014/02/20 职场文书
运动会横幅标语
2014/06/17 职场文书
最美护士演讲稿
2014/08/27 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers