在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 相关文章推荐
JS定时关闭窗口的实例
May 22 Javascript
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
详解微信小程序中的页面代码中的模板的封装
Oct 12 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
详解js加减乘除精确计算
Mar 19 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
vue和better-scroll实现列表左右联动效果详解
Apr 29 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
react的hooks的用法详解
Oct 12 Javascript
vue修饰符.capture和.self的区别
Apr 22 Vue.js
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
基于mysql的论坛(4)
2006/10/09 PHP
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
让PHP COOKIE立即生效,不用刷新就可以使用
2011/03/09 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
jquery应该如何来设置改变按钮input的onclick事件
2012/12/10 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
Vue 实现树形视图数据功能
2018/05/07 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
python3+PyQt5实现柱状图
2018/04/24 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
通过python爬虫赚钱的方法
2019/01/29 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
解决c++调用python中文乱码问题
2020/07/29 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
市三好学生主要事迹
2014/01/28 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
顶岗实习协议书
2015/01/29 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
政审证明范文
2015/06/19 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
pytorch 中nn.Dropout的使用说明
2021/05/20 Python