javascript如何移除数组元素

javascript是一种动态类型,弱类型的语言,基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端网络开发的脚本语言。它主要用来给HTML网页添加动态功能,现在javascript也可被用于网络服务器,如node . js。

javascript移除数组元素的方法:1,通过长度属性移除数组元素;2,通过删除关键字移除;3,通过栈方法移除;4,通过队列方法移除;5,通过操作方法移除;6,通过迭代方法移除;7,通过原型方法移除。

本文操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。

<强> javascript中数组元素删除的七大方法汇总

在javascript中,除了对象之外,数组类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别,javascript中数组的非常灵活。今天我就来总结了一下javascript数组中删除的方法。大致的分类可以分为如下几类:

1,长度
2,删除
3,栈方法
4队列方法
5,操作方法
6,迭代方法
7,原型方法

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

一、长度

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

var  colors =, (“red",,“blue",,“grey"];,,,//创建一个包含3个字符串的数组colors.length =, 2; 　　console.log(颜色[2]);,,//未定义的

二、删除关键字

var  arr =, (1,, 2,, 3,, 4]; delete  arr [0]; console.log (arr);,,,//(未定义,,2,,3,,4]

可以看出来,删除删除之后数组长度不变,只是被删除元素被置为未定义的了。

三,栈方法

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

可以看的出,在调用流行方法时,数组返回最后一项,即“灰色”,数组的元素也仅剩两项。

四、队列方法

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

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

五、操作方法

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

var  colors =, (“red",,“blue",,“grey"]; var  item =, colors.splice (0, 1); console.log(项),,,,,,,//皉ed" console.log(颜色),,,,,//(“blue",,“grey"]

六,迭代方法

所谓的迭代方法就是用循环迭代数组元素发现符合要删除的项则删除,用的最多的地方可能是数组中的元素为对象的时候,根据对象的属性例如ID等等来删除数组元素。下面介绍两种方法:

第一种用最常见的ForEach循环来对比元素找到之后将其删除:

var  colors =, (“red",,“blue",,“grey"]; 　　 　　colors.forEach(函数(指数项,还以为;arr), { 　　,,,如果(==item “red"), { 　　,,,,,,,arr.splice(指数,1); 　　,,,} 　　});

第二种我们用循环中过滤器的方法:

var  colors =, (“red",,“blue",,“grey"]; 　　 　　时间=colors  colors.filter(函数(项),{ 　　,,,return  item  !=,“red"}); 　　 　　console.log(颜色),,,,,//(“blue",,“grey"]

代码很简单,找出元素不是“红色”的项数返回给颜色(其实是得到了一个新的数组),从而达到删除的作用。

七,原型方法

通过在数组的原型上添加方法来达到删除的目的:

Array.prototype.remove =,函数(dx), { 　　 　　,,,如果(isNaN (dx), | |, dx 祝辞,this.length) {,,,,,,, return 假; 　　,,,},,,,,(var 小姐:=,0,n =, 0;小姐:& lt;, this.length;,我+ +),{,,,,,,,如果(这[我],!=,这(dx)),{,,,,,,,,,,,这(n + +),=,(我); 　　,,,,,,,} 　　,,,},,,,this.length  -=, 1; 　　};var  colors =, (“red",,“blue",,“grey"]; 　　colors.remove (1); 　　 　　null

javascript如何移除数组元素