js 数组去重

2020-12-13 06:22

阅读：521

标签：唯一值 number 来源 nbsp rip w3c js 数组 func 创建

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

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之前，要实现同样的效果，我们需要使用更多的代码。该技巧适用于包含基本类型的数组：undefined、null、boolean、string和number。如果数组中包含了一个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 数组去重

标签：唯一值 number 来源 nbsp rip w3c js 数组 func 创建

原文地址：https://www.cnblogs.com/arealy/p/11175719.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js 数组去重
文章链接：http://soscw.com/index.php/essay/32894.html

亲，登录后才可以留言！