在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代码实例
Aug 23 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
Nov 24 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
两种方法解决javascript url post 特殊字符转义 + & #
Apr 13 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
js闭包用法实例详解
Dec 13 Javascript
JS实现的计数排序与基数排序算法示例
Dec 04 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 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 模板高级篇总结
2006/12/21 PHP
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
php中的strpos使用示例
2014/02/27 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
Jquery cookie操作代码
2010/03/14 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
2016/05/05 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
bootstrap中模态框、模态框的属性实例详解
2017/02/17 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
Web开发使用Angular实现用户密码强度判别的方法
2017/09/27 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
深入理解Python对Json的解析
2017/02/14 Python
Python实现希尔排序算法的原理与用法实例分析
2017/11/23 Python
python求质数的3种方法
2018/09/28 Python
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
计算机专业应届毕业生自荐信
2013/09/26 职场文书
小车司机岗位职责
2013/11/25 职场文书
作文评语大全
2014/04/23 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
golang的文件创建及读写操作
2022/04/14 Golang
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技