在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字符编码函数区别分析
Dec 28 Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 Javascript
jquery中get和post的简单实例
Feb 04 Javascript
Node.js插件安装图文教程
May 06 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 Javascript
vue项目接口域名动态获取操作
Aug 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验证码函数代码(简单实用)
2013/09/29 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php实现session共享的实例方法
2019/09/19 PHP
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
关于JavaScript中原型继承中的一点思考
2012/07/25 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
使用jQuery获取data-的自定义属性
2015/11/10 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
Python操作Access数据库基本步骤分析
2016/09/19 Python
python搭建虚拟环境的步骤详解
2016/09/27 Python
利用aardio给python编写图形界面
2017/08/21 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Python OpenCV图像指定区域裁剪的实现
2019/10/30 Python
CSS3截取字符串实例代码【推荐】
2018/06/07 HTML / CSS
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
Banggood官网:面向全球客户的综合商城
2017/04/19 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
食品安全工作实施方案
2014/03/26 职场文书
学校安全防火方案
2014/06/07 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
置业顾问岗位职责
2015/02/09 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
浅谈Python协程asyncio
2021/06/20 Python
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis