微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

在JS数组指定位置插入元素

2015-06-13 19:55 前端大全

(点击上方蓝字,可快速关注我们)


很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。


// 原来的数组

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"]


我对数组也进行过一些其他的修改,可能你已经看过了:


  • Remove an Item From an Array : 从数组中删除元素

  • Clone Arrays : 数组克隆

  • Empty Arrays : 空数组

  • Sort Arrays : 数组排序


Arrays 非常的有用—— JavaScript中处理某些任务还是比较繁琐…… 必须编写比实际需要的更多的代码(code-heavy)。为了更方便,请收藏本文,或者将这些片段保存到你的工具箱吧!


原文出处:davidwalsh

译文出处:铁锚

链接:http://blog.csdn.net/renfufei/article/details/38143947




前端大全』分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯,相关职位。欢迎关注。


微信号:FrontDev

(长按上图,弹出“识别二维码”后可快速关注)




 
前端大全 更多文章 5个典型的JavaScript面试题(上) Limu:JavaScript的那些书 Web开发:我希望得到的编程学习路线图 JavaScript基础工具清单 常用排序算法之JavaScript实现
猜您喜欢 搜索排序的作弊与反作弊 Swift包管理器:在Linux上创建和使用X11包 Android项目重构之路:界面篇 搞懂5种数据可视化方法,胜任90%热门信息图设计 Google 正式发布 Android 6.0,取名棉花糖同时 SDK 和预览版发布