在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中的prototype属性实例分析说明
Aug 09 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
jquery div拖动效果示例代码
Dec 08 Javascript
JavaScript的21条基本知识点
Mar 04 Javascript
js字符串操作方法实例分析
May 06 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
js跨域请求的5中解决方式
Jul 02 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
vuejs选中当前样式active的实例
Aug 22 Javascript
用原生 JS 实现 innerHTML 功能实例详解
Apr 03 Javascript
Vue路由对象属性 .meta $route.matched详解
Nov 04 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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
深入理解jQuery3.0的domManip函数
2016/09/01 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
新手快速入门微信小程序组件库 iView Weapp
2019/06/24 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
python3.0 字典key排序
2008/12/24 Python
给Python入门者的一些编程建议
2015/06/15 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
python的concat等多种用法详解
2018/11/28 Python
python3实现小球转动抽奖小游戏
2020/04/15 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
OpenCV+Python3.5 简易手势识别的实现
2020/12/21 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
请介绍一下WSDL的文档结构
2013/03/17 面试题
竞聘副主任科员演讲稿
2014/01/11 职场文书
勾股定理课后反思
2014/04/26 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
费用申请报告范文
2015/05/15 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android