javascript怎么移除数组元素-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

javascript移除数组元素的方法：1、通过length属性移除数组元素；2、通过delete关键字移除；3、通过栈方法移除；4、通过队列方法移除；5、通过操作方法移除；6、通过迭代方法移除；7、通过原型方法移除。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript中数组元素删除的七大方法汇总

在JavaScript中，除了Object之外，Array类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别，JavaScript中的Array非常灵活。今天我就来总结了一下JavaScript中Array删除的方法。大致的分类可以分为如下几类：
1、length
2、delete
3、栈方法
4、队列方法
5、操作方法
6、迭代方法
7、原型方法

下面我对上面说的方法做一一的举例和解释。

一、length

1	`JavaScript中Array的length属性非常有特点一一它不是只读的。因此，通过设置这个属性可以从数组的末尾移除项或添加新项，请看下面例子：`

1 2	`var` `colors = ["red",` `"blue",` `"grey"];` `//创建一个包含3个字符串的数组colors.length = 2;` `console.log(colors[2]);` `//undefined`

二、delete关键字

1	`var` `arr = [1, 2, 3, 4];delete` `arr[0];console.log(arr);` `//[undefined, 2, 3, 4]`

可以看出来，delete删除之后数组长度不变，只是被删除元素被置为undefined了。

三、栈方法

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

可以看出，在调用Pop方法时，数组返回最后一项，即”grey”，数组的元素也仅剩两项。

四、队列方法

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

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

五、操作方法

splice()恐怕要算最强大的数组方法了，他的用法有很多种，在此只介绍删除数组元素的方法。在删除数组元素的时候，它可以删除任意数量的项，只需要指定2个参数：要删除的第一项的位置和要删除的项数，例如splice(0, 2)会删除数组中的前两项。

var colors = ["red", "blue", "grey"];var item = colors.splice(0, 1);console.log(item);      
//"red"console.log(colors);    
//["blue", "grey"]

【推荐学习：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 设计细节

相关推荐

评论