javascript删除数组元素的方法(2)-木庄网络博客

当前第2页返回上一页

Array.prototype.remove = function(dx) {　　
if(isNaN(dx) || dx > this.length){
　　　　return false;
　　}
　　for(var i = 0, n = 0;
　　 i < this.length; i++) {
　　　　if(this[i] != this[dx]) {　　　　　　
　　　　this[n++] = this[i];
　　　　}
　　}　　this.length -= 1;
};
var colors = ["red", "blue", "grey"];
colors.remove(1);
console.log(colors); // ["red", "grey"]

这种方法其实就是自己实现一个删除的逻辑，然后把删除方法添加给了Array的原型对象，则在此环境中的所有Array对象都可以使用该方法。尽管可以这么做，但是不推荐在产品化的程序中修改原生对象的原型。道理很简单，如果只是某个实现中缺少某个方法，就在原生对象的原型中添加这个方法，那么当在另一个支持该方法的实现中运行代码时，就可能导致命名冲突。而且这样做可能会意外地导致原生方法被重写。

shift()队列方法

JavaScript中的Array对象提供了一个shift()队列方法用于弹出并返回数组中的第一项，某种程度上也可以当做删除用。

队列数据结构的访问规则是FIFO（先进先出），队列在列表的末端添加项，从列表的前端移除项，使用shift()方法，它能够移除数组中的第一个项并返回该项，并且数组的长度减1。

var colors = ["red", "blue", "grey"];
var color = colors.shift();
console.log(color); // "red"
console.log(colors.length); // 2

可以看出，在调用shift()方法时，数组返回第一项，即”red”，数组的元素也仅剩两项。

相关学习推荐：javascript（视频）

以上就是javascript删除数组元素的方法的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » javascript删除数组元素的方法

javascript删除数组元素的方法

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论