在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 相关文章推荐
在JavaScript中遭遇级联表达式陷阱
Mar 08 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 Javascript
javascript的函数作用域
Nov 12 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
vuex 使用文档小结篇
Jan 11 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
多个$(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
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
使用Codeigniter重写insert的方法(推荐)
2017/03/23 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
利用Python爬取可用的代理IP
2016/08/18 Python
一道python走迷宫算法题
2018/01/22 Python
Python列表推导式、字典推导式与集合推导式用法实例分析
2018/02/07 Python
python多维数组切片方法
2018/04/13 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
通用C#笔试题附答案
2016/11/26 面试题
自荐信格式的六要素
2013/09/21 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
护士的自我鉴定
2014/02/07 职场文书
幼儿园门卫岗位职责
2014/02/14 职场文书
村干部培训班主持词
2014/03/28 职场文书
出租房屋协议书
2014/09/14 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python