JavaScrip数组删除特定元素的几种方法总结

前言

可能一说到删除数组特定元素你估计不止一种方法可以实现，那么下面且来看看我总结的这几种方法，可能会对你有所帮助！话不多说了，来一起看看详细的介绍吧。

源数组

rush:js;"> var arr = ["George","John","Thomas","James","Adrew","Martin"];

伪删除

什么是伪删除呢? 就是说将数组元素值设置为null;

rush:js;"> arr[ arr.indexOf( 'Thomas' ) ] = null;

删除后的数组是这个样子的:

rush:js;"> ["George",null,"Martin"]

不过要注意,这意味着数组Array也就是变量arr的长度保持不变

完全删除

是什么是完全删除呢? 这个问题你可能从字面上也能想得到就是真正的删除数组Array的元素值,并且会改变数组的长度,可以通过内置数组对象Array的splice方法来实现这个需求！说到splice这个方法就要说一说它的具体参数了：

rush:js;"> Array.prototype.splice = function(start,deleteCount,items) {};

上面是内置对象Array的splice方法原型定义,中文意思呢是：剪接,其参数的意义是：

• start: 起点索引值
• deleteCount: 要删除的元素个数
• items: 删除后替换/追加的元素 参数不加时就表示删除元素,并且还要结合 deleteCount 的参数值 如果 deleteCount 为 1,items 参数位置给一个参数值,则表示替换 如果 deleteCount 为 1,items 参数位置给多于一个的参数值,则表示替换及追加元素

通过splice方法删除上面 伪删除 留下的元素值 null

rush:js;"> arr.splice( arr.indexOf( null ),1 );

删除后的数组是这个样子的:

rush:js;"> ["George","Martin"]

既然说到了splice方法就顺便再说一下它的其它功能,如 替换元素,追加元素 等操作吧！

splice函数 - 替换元素

现在数组结构是这样的：

rush:js;"> ["George","Martin"]

想要将数组元素 James 替换为 Tom

rush:js;"> arr.splice( arr.indexOf( 'James' ),1,'Tom' );

替换后的数组结构是这个样子的：

rush:js;"> ["George","Tom","Martin"]

splice函数 - 替换并追加元素

现在当前数组结构是这样的：

rush:js;"> ["George","Martin"]

想要将数组元素 Tom 替换为 Judy 并追加 Linda 和 Alisa

rush:js;"> arr.splice( arr.indexOf( 'Tom' ),'Judy','Linda','Alisa' );

替换及追加后的数组结构是这个样子的：

rush:js;"> ["George","Judy","Linda","Alisa","Martin"]

splice函数 - 追加元素

追加元素你可以选择任意位置这取决于你的具体需求,关键是在于 start 的取值索引位置而已！当前数组结构如下所示：

rush:js;"> ["George","Martin"]

比如说要在 Linda 和 Alisa 之间追加 Bill 和 Blake

rush:js;"> arr.splice( arr.indexOf( 'Linda' ) + 1,'Bill','Blake' );

追加后的数组结构是下面这个样子的：

rush:js;"> ["George","Bill","Blake","Martin"]

• 起点位置 arr.indexOf( 'Linda' ) + 1 就是在数组元素 Linda 之后了
• 删除元素个数参数这里设置的是 0 这个是追加元素的关键,也就是说不删除元素
• 'Bill','Blake' 这个呢就是内置对象Array的splice方法的最后一个参数 items 它表示0个是和多个,根据 deleteCount 参数值不同表示的含义也会不同,这里 deleteCount 参数是 0 并且 items 又有两个值来表示这个参数,所示说就是追加元素值 'Bill','Blake'

以上说的是删除数组中特定的元素,那删除第一个元素和最后一个元素那实现在是太简单了,这里简单提一下就是了

删除数组中第一个元素

rush:js;"> arr.shift();

删除后的数组是这个样子的:

rush:js;"> ["John","Martin"]

删除数组中最后一个元素

rush:js;"> arr.pop();

删除后的数组是这个样子的:

rush:js;"> ["John","Adrew"]

总结

以上就是JavaScrip数组删除特定元素个人所总结的一些方法,希望本文的内容对大家的学习或者工作能带来一定的帮助，如果您还要其它的一些好的方法,或有疑问大家可以留言交流，谢谢大家对编程之家的支持。