在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使用cookie
Feb 02 Javascript
javascript 对象比较实现代码
Apr 27 Javascript
jquery 插件学习(三)
Aug 06 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
JSONP基础知识详解
Mar 19 Javascript
JAVA中截取字符串substring用法详解
Apr 14 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
Vue前端项目部署IIS的实现
Jan 06 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分页函数
2006/10/09 PHP
PHP中的string类型使用说明
2010/07/27 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
php内嵌函数用法实例
2015/03/20 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
PHP实现文件上传与下载
2020/08/28 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
一个可以显示阴历的JS代码
2007/03/05 Javascript
Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
2010/03/01 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
python轻松实现代码编码格式转换
2015/03/26 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
幼儿园实习生辞职信
2014/01/20 职场文书
教师党员个人自我评价
2015/03/04 职场文书
2015年团队工作总结范文
2015/05/04 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android