在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 24 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
JQuery学习总结【二】
Dec 01 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
Vue项目中如何引入icon图标
Mar 28 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
AngularJs中$cookies简单用法分析
May 30 Javascript
微信小程序 如何保持登录状态
Aug 16 Javascript
vue实现路由监听和参数监听
Oct 29 Javascript
Vue数字输入框组件使用方法详解
Feb 10 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中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
php三元运算符知识汇总
2015/07/02 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
php学习笔记之mb_strstr的基本使用
2018/02/03 PHP
PHP7新特性
2021/03/09 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
js控制web打印(局部打印)方法整理
2013/05/29 Javascript
用jquery实现的一个超级简单的下拉菜单
2014/05/18 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
angularjs指令中的compile与link函数详解
2014/12/06 Javascript
PHP守护进程实例
2015/03/06 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
python str与repr的区别
2013/03/23 Python
让 python 命令行也可以自动补全
2014/11/30 Python
Python的re模块正则表达式操作
2016/05/25 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
Html5插件教程之添加浏览器放大镜效果的商品橱窗
2016/01/07 HTML / CSS
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
毕业自荐书
2013/12/09 职场文书
文科教师毕业的自我评价
2014/01/16 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
新学期国旗下演讲稿
2014/05/08 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript