js清空数组的方法JavaScript去除数组重复元素的几种方法js数组去除重复元素有哪些方法




js清空数组的方法JavaScript去除数组重复元素的几种方法js数组去除重复元素有哪些方法

2022-07-21 2:27:44 网络知识 官方管理员

数组去重在前端开发中非常有用,在很多业务场景中都有需要。我们都知道JavaScript实现数组去重的方式有很多,今天就汇总一下这些方法,方便大家比较选用。

js清空数组的方法(JavaScript去除数组重复元素的几种方法)(1)

1.使用Set数据结构

set是ES6新增的数据结构,特点就是集合内没有重复元素。正好可以利用这一特性实现数组去重。

constsource=[1,1,2,2,3,3,4,4,5,5];constunique=[...newSet(source)];console.log(unique);//[1,2,3,4,5]

将Set转为数组,除了使用上面的展开操作符,也可以使用Array.form()方法。

这个方法写法简洁,是目前较常使用的数组去重方式。

2.比较索引位置是否一致

constsource=[1,1,2,2,3,3,4,4,5,5];constunique=source.filter((num,index)=>{returnsource.indexOf(num)===index;});console.log(unique);//[1,2,3,4,5]

这个方法的核心是比较元素位置和索引位置是否一致。因为indexOf只会返回第一个匹配元素的索引,如果有重复元素,第二个元素的索引必然和indexOf返回值不相等。

3.使用includes判断

constsource=[1,1,2,2,3,3,4,4,5,5];constunique=[];for(constitemofsource){if(!unique.includes(item)){unique.push(item)}}console.log(unique);//[1,2,3,4,5]

这种办法很好理解,遍历元素,判断元素是否在新数组中。如果不在新数组中,则说明是非重复元素,添加到新数组中。

遍历的方式可以有多种,forforEach或者数组的其他方法都可以。



发表评论:

最近发表
网站分类
标签列表