在JS数组特定索引处指定位置插入元素
更新时间：2014年07月27日 09:47:10 投稿：whsnow
最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处，下面是具体的实现，需要的朋友不要错过
很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。
// 原来的数组 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中callee与caller的用法和应用场景
javascript中callee和caller的用法和应用场景分析，需要的朋友可以参考下。2010-12-12
本篇文章主要介绍了原生js实现简单的Ripple按钮实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
这篇文章主要为大家详细介绍了JavaScript实现简单贪吃蛇效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了vue组件创建的三种方式小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
本文主要对实现一个简单的js加载器的步骤进行介绍--主要可以分为解析路径、下载模块、解析模块依赖、解析模块四个步骤。需要的朋友来看下吧2016-12-12
这篇文章主要介绍了javascript动态添加checkbox复选框的方法的相关资料,需要的朋友可以参考下2015-12-12
JavaScript Window浏览器对象模型方法与属性汇总
本文给大家汇总分享的是JavaScript Window浏览器对象模型方法与属性，十分的细致全面，这里推荐给大家，有需要的小伙伴可以参考下。2015-04-04
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
该函数兼容ie，firefox。并且可以使用clearSetTimeOut和clearInterval清除，比原setTimeout，setInterval方便很多，并且参数可以是object。2009-04-04
这篇文章主要介绍了小程序数据通信方法大全，文中详细的介绍了小程序页面、组件之间的三种关系进行通信，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04
开发时遇到一个问题,需要将对象中的空值和空对象去除,所以这篇文章主要给大家介绍了关于去除JavaScript对象中空值和空对象的四种方式,需要的朋友可以参考下2023-09-09
最新评论