在JS数组特定索引处指定位置插入元素


Posted in Javascript onJuly 27, 2014

很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。

// 原来的数组 
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模拟实现Array的sort方法
Dec 11 Javascript
js+css在交互上的应用
Jul 18 Javascript
容易被忽略的JS脚本特性
Sep 13 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
网络传输协议(http协议)
Nov 18 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
javascript实现倒计时关闭广告
Feb 09 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
多个$(document).ready()的执行顺序实例分析
Jul 26 #Javascript
jquery 取子节点及当前节点属性值
Jul 25 #Javascript
jquery text()方法取标签中的文本
Jul 25 #Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 #Javascript
判断日期是否能跨月查询的js代码
Jul 25 #Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 #Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 #Javascript
You might like
用Socket发送电子邮件
2006/10/09 PHP
php数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
PHP查询快递信息的方法
2015/03/07 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
CI框架表单验证实例详解
2016/11/21 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
用原生JS实现简单的多选框功能
2017/06/12 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
vue实现简单图片上传
2020/06/30 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python 字符串split的用法分享
2013/03/23 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
使用C++扩展Python的功能详解
2018/01/12 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python解释器spython使用及原理解析
2019/08/24 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
size?法国官网:英国伦敦的球鞋精品店
2020/03/15 全球购物
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
人事主管岗位职责
2014/01/30 职场文书
微信营销策划方案
2014/02/24 职场文书
环保建议书
2014/03/12 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
golang使用map实现去除重复数组
2022/04/14 Golang