JavaScrip数组删除特定元素的几种方法总结
前言
可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。
源数组
vararr=["George","John","Thomas","James","Adrew","Martin"];
伪删除
什么是伪删除呢?就是说将数组元素值设置为null;
arr[arr.indexOf('Thomas')]=null;
删除后的数组是这个样子的:
["George","John",null,"James","Adrew","Martin"]
不过要注意,这意味着数组Array也就是变量arr的长度保持不变
完全删除
是什么是完全删除呢?这个问题你可能从字面上也能想得到就是真正的删除数组Array的元素值,并且会改变数组的长度,可以通过内置数组对象Array的splice方法来实现这个需求!说到splice这个方法就要说一说它的具体参数了:
Array.prototype.splice=function(start,deleteCount,items){};
上面是内置对象Array的splice方法原型定义,中文意思呢是:剪接,其参数的意义是:
- start:起点索引值
- deleteCount:要删除的元素个数
- items:删除后替换/追加的元素
参数不加时就表示删除元素,并且还要结合deleteCount的参数值
如果deleteCount为1,items参数位置给一个参数值,则表示替换
如果deleteCount为1,items参数位置给多于一个的参数值,则表示替换及追加元素
通过splice方法删除上面伪删除留下的元素值null
arr.splice(arr.indexOf(null),1);
删除后的数组是这个样子的:
["George","John","James","Adrew","Martin"]
既然说到了splice方法就顺便再说一下它的其它功能,如替换元素,追加元素等操作吧!
splice函数-替换元素
现在数组结构是这样的:
["George","John","James","Adrew","Martin"]
想要将数组元素James替换为Tom
arr.splice(arr.indexOf('James'),1,'Tom');
替换后的数组结构是这个样子的:
["George","John","Tom","Adrew","Martin"]
splice函数-替换并追加元素
现在当前数组结构是这样的:
["George","John","Tom","Adrew","Martin"]
想要将数组元素Tom替换为Judy并追加Linda和Alisa
arr.splice(arr.indexOf('Tom'),1,'Judy','Linda','Alisa');
替换及追加后的数组结构是这个样子的:
["George","John","Judy","Linda","Alisa","Adrew","Martin"]
splice函数-追加元素
追加元素你可以选择任意位置这取决于你的具体需求,关键是在于start的取值索引位置而已!当前数组结构如下所示:
["George","John","Judy","Linda","Alisa","Adrew","Martin"]
比如说要在Linda和Alisa之间追加Bill和Blake
arr.splice(arr.indexOf('Linda')+1,0,'Bill','Blake');
追加后的数组结构是下面这个样子的:
["George","John","Judy","Linda","Bill","Blake","Alisa","Adrew","Martin"]
- 起点位置arr.indexOf('Linda')+1就是在数组元素Linda之后了
- 删除元素个数参数这里设置的是0这个是追加元素的关键,也就是说不删除元素
- 'Bill','Blake'这个呢就是内置对象Array的splice方法的最后一个参数items它表示0个是和多个,根据deleteCount参数值不同表示的含义也会不同,这里deleteCount参数是0并且items又有两个值来表示这个参数,所示说就是追加元素值'Bill','Blake'
以上说的是删除数组中特定的元素,那删除第一个元素和最后一个元素那实现在是太简单了,这里简单提一下就是了
删除数组中第一个元素
arr.shift();
删除后的数组是这个样子的:
["John","Judy","Linda","Bill","Blake","Alisa","Adrew","Martin"]
删除数组中最后一个元素
arr.pop();
删除后的数组是这个样子的:
["John","Judy","Linda","Bill","Blake","Alisa","Adrew"]
总结
以上就是JavaScrip数组删除特定元素个人所总结的一些方法,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果您还要其它的一些好的方法,或有疑问大家可以留言交流,谢谢大家对毛票票的支持。