解决数组中重复项的最简洁方法：利用 ECMAScript 2019 的 Set 和 Array.from

在前端开发中，我们常常需要处理数组中的重复项。在过去，我们通常使用循环遍历数组，通过判断数组中的每个元素是否已经存在来解决重复项的问题。但是这种方法不仅繁琐，而且效率较低。现在，我们可以使用 ECMAScript 2019 中的 Set 和 Array.from 方法来解决这个问题。

Set

Set 是 ECMAScript 2015 中新增的一种数据类型，它可以用来存储唯一值。Set 中的值是无序的，且不能重复。我们可以通过以下方式创建一个 Set：

const set = new Set([1, 2, 3]);

上面的代码将创建一个包含 1、2、3 三个元素的 Set。

Set 有以下常用方法：

• add(value)：向 Set 中添加一个值
• delete(value)：从 Set 中删除一个值
• has(value)：判断 Set 中是否存在某个值
• clear()：清空 Set 中的所有值

我们可以利用 Set 来解决数组中的重复项问题。具体步骤如下：

1. 将数组转换为 Set。

const arr = [1, 2, 3, 1, 2];
const set = new Set(arr);

上面的代码将创建一个包含 1、2、3 三个元素的 Set。

1. 将 Set 转换为数组。

const newArr = Array.from(set);

上面的代码将创建一个新的数组，其中包含 Set 中的所有唯一值。

完整代码如下：

const arr = [1, 2, 3, 1, 2];
const set = new Set(arr);
const newArr = Array.from(set);
console.log(newArr); // [1, 2, 3]

Array.from

Array.from 是 ECMAScript 2015 中新增的一个 Array 静态方法，它可以将类数组对象或可迭代对象转换为一个新的数组。我们可以使用 Array.from 来将 Set 转换为数组。

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); // [1, 2, 3]

总结

通过以上方法，我们可以快速、简便地解决数组中的重复项问题。使用 Set 转换数组可以去除重复项，使用 Array.from 可以将 Set 转换为数组。这种方法不仅简单易懂，而且效率较高，是处理数组中重复项问题的最佳方案之一。

示例代码

const arr = [1, 2, 3, 1, 2];
const set = new Set(arr);
const newArr = Array.from(set);
console.log(newArr); // [1, 2, 3]

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657a3434d2f5e1655d4691c2