在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 相关文章推荐
学习ExtJS Panel常用方法
Oct 07 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
Javascript如何实现双指控制图片功能
Feb 25 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 Javascript
vue 使用class创建和清除水印的示例代码
Dec 25 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
建立文件交换功能的脚本(二)
2006/10/09 PHP
php 获取远程网页内容的函数
2009/09/08 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
XP折叠菜单&仿QQ2006菜单
2006/12/16 Javascript
Date对象格式化函数代码
2010/07/17 Javascript
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
input按钮的事件处理大全
2010/12/10 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
vue树形结构获取键值的方法示例
2018/06/21 Javascript
vue中使用protobuf的过程记录
2018/10/26 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
Python中optparse模块使用浅析
2015/01/01 Python
Python聊天室实例程序分享
2016/01/05 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
python开发实例之Python的Twisted框架中Deferred对象的详细用法与实例
2020/03/19 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
.net软件工程师应聘上机试题
2015/03/10 面试题
中专生自荐信
2013/10/12 职场文书
药学专业个人自我评价
2013/11/11 职场文书
银行实习鉴定
2013/12/13 职场文书
个性与发展自我评价
2014/02/11 职场文书
遥感技术与仪器求职信
2014/02/22 职场文书
北体毕业生求职信
2014/02/28 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Python实现双向链表基本操作
2022/05/25 Python