在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可突破windows弹退效果代码
Aug 09 Javascript
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
初学js 新节点的创建 删除 的步骤
Jul 04 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
bootstrap data与jquery .data
Jul 07 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
Javascript常用小技巧汇总
Jun 24 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 Javascript
node通过express搭建自己的服务器
Sep 30 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
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
解决Laravel5.2 Auth认证退出失效的问题
2019/10/14 PHP
Laravel框架控制器,视图及模型操作图文详解
2019/12/04 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
使两个iframe的高度与内容自适应,且相等
2006/11/20 Javascript
js 禁用浏览器的后退功能的简单方法
2008/12/10 Javascript
JavaScript获取GridView中用户点击控件的行号,列号
2009/04/14 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
javascript实现多级联动下拉菜单的方法
2015/02/06 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
angular2+node.js express打包部署的实战
2017/07/27 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
用Python将动态GIF图片倒放播放的方法
2016/11/02 Python
python去掉行尾的换行符方法
2017/01/04 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
HTML5 图片预加载的示例代码
2020/03/25 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
会计电算化专业个人的自我评价
2013/11/24 职场文书
车间组长岗位职责
2013/12/20 职场文书
商务英语广告词大全
2014/03/18 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书