JavaScript数组去重有哪些高效方法或技巧？

本文共计2018个文字，预计阅读时间需要9分钟。

前言：做前端开发几年，在项目中用到数组去重的机制并不多，但面试时却经常被问到。个人理解，这道题真正考察的是对JavaScript基础知识的掌握，因为有很多种方式可以实现数组去重。

直接输出结果：做前端开发数年，项目中用到数组去重的机制不多，但面试时经常被问。个人理解，这道题主要考察对JavaScript基础知识的掌握，因为有多种方式可以实现数组去重。

前言

做前端开发几年，在项目中用到数组去重的机会倒不是很多，但是在面试的时候却经常被问到，个人理解，这道题真正考的是对JavaScript的基础的掌握，因为有很多种方式可以做到。这次就根据这道题，将相关的知识理解透彻。

一、ES6中的new Set方式

先看看MDN上对Set的描述：

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。
Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。

关键字：任何类型都可以存储、存储进来的值都是唯一的，这样就可以做到先把数组中重复的数据去掉。

const list1 = [1, 2, 3, 7, 11, 56, 3, 2, 4, 5] const list2 = new Set(list1) console.log(list2)

看一下返回的结果：

由结果可知，返回了一个可迭代的Set对象，此时还需要把Set对象转为数组。此时可以用到
Array.from()。