在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 相关文章推荐
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
JavaScript之HTMLCollection接口代码
Apr 27 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
javascript如何写热点图
Dec 08 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
原生js实现轮播图
Feb 27 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
分析JS单线程异步io回调的特性
Dec 01 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
Vue.js 图标选择组件实践详解
Dec 03 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
理解javascript定时器中的setTimeout与setInterval
2016/02/23 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
简介Django框架中可使用的各类缓存
2015/07/23 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
Python如何省略括号方法详解
2020/03/21 Python
解决python打开https出现certificate verify failed的问题
2020/09/03 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
利用html5的websocket实现websocket聊天室
2013/12/12 HTML / CSS
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
六年级数学教学反思
2014/02/03 职场文书
市场总经理岗位职责
2014/04/11 职场文书
模特大赛策划方案
2014/05/28 职场文书
大学生实习证明范文(5篇)
2014/09/18 职场文书
2014院党委领导班子对照检查材料思想汇报
2014/09/24 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
志愿者工作心得体会
2016/01/15 职场文书
成人成长感言如何写?
2019/08/16 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
教你做个可爱的css滑动导航条
2021/06/15 HTML / CSS
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS