js 数组去重

Posted arealy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 数组去重相关的知识,希望对你有一定的参考价值。

来源:https://www.w3cplus.com/javascript/javascript-tips.html

1、数组去重  

ES6提供了几种简洁的数组去重的方法,但该方法并不适合处理非基本类型的数组。对于基本类型的数组去重,可以使用... new Set()来过滤掉数组中重复的值,创建一个只有唯一值的新数组。

const array = [1, 1, 2, 3, 5, 5, 1] 
const uniqueArray = [...new Set(array)]; 
console.log(uniqueArray); 
> Result:(4) [1, 2, 3, 5]

这是ES6中的新特性,在ES6之前,要实现同样的效果,我们需要使用更多的代码。该技巧适用于包含基本类型的数组:undefinednullbooleanstringnumber。如果数组中包含了一个object,function或其他数组,那就需要使用另一种方法。

除了上面的方法之外,还可以使用Array.from(new Set())来实现:

const array = [1, 1, 2, 3, 5, 5, 1] 
Array.from(new Set(array)) 
> Result:(4) [1, 2, 3, 5]

  另外,还可以使用Array.filter indexOf()来实现

const array = [1, 1, 2, 3, 5, 5, 1] 
array.filter((arr, index) => array.indexOf(arr) === index) 
> Result:(4) [1, 2, 3, 5]

  注意,indexOf()方法将返回数组中第一个出现的数组项。这就是为什么我们可以在每次迭代中将indexOf()方法返回的索引与当索索引进行比较,以确定当前项是否重复。

以上是关于js 数组去重的主要内容,如果未能解决你的问题,请参考以下文章

对象数组去重

js数组去重的方法

(去重)JS比较两个数组对象,取出不同的值

javascript数组去重 js数组去重

JS数组去重的方法汇总

JS中数组对象去重