在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 相关文章推荐
Prototype使用指南之ajax
Jan 10 Javascript
jQuery each()小议
Mar 18 Javascript
深入解析contentWindow, contentDocument
Jul 04 Javascript
js实现目录定位正文示例
Nov 14 Javascript
js 获取、清空input type="file"的值(示例代码)
Dec 24 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
Mar 02 Javascript
EasyUI布局 高度自适应
Jun 04 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
Nov 20 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
vue模块移动组件的实现示例
May 20 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之字符串变相相减的代码
2007/03/19 PHP
php 论坛采集程序 模拟登陆,抓取页面 实现代码
2009/07/09 PHP
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
javascript arguments使用示例
2014/12/16 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
2017/11/09 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
Python 发送邮件方法总结
2020/08/10 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
波兰珠宝品牌:YES
2019/08/09 全球购物
自我评价正确写法范文
2013/12/10 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
公司财务经理岗位职责
2015/04/08 职场文书
运动会致辞稿
2015/07/29 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python