在前端开发中，去重是一个常见的操作。在 ES6 中，我们可以使用 Set 数据结构来实现去重。但在 ES7 中，我们也可以使用数组的 includes 方法来实现去重。本文将详细介绍如何在 ES7 中使用数组的 includes 方法去重，并附带示例代码。
includes 方法
includes 方法是 ES7 中新增的数组方法，其用于判断一个数组是否包含一个指定的值，并返回一个布尔值。其语法如下：
array.includes(valueToFind[, fromIndex])
其中，valueToFind 为要查找的值，fromIndex 表示从哪个索引开始查找。如果省略 fromIndex 参数，则默认从数组的头部开始查找。
includes 方法返回一个布尔值，如果找到了指定的值，则返回 true，否则返回 false。
利用 includes 方法实现数组去重
利用 includes 方法实现数组去重的思路很简单：遍历数组，判断当前元素是否已经存在于一个新的数组中，如果不存在，则将其加入到新数组中。
具体实现如下：
// javascriptcn.com 代码示例
function unique(arr) {
let result = []
for (let i = 0; i < arr.length; i++) {
if (!result.includes(arr[i])) {
result.push(arr[i])
}
}
return result
}上述代码中，我们定义了一个 unique 函数，用于去重。在函数内部，我们定义了一个 result 数组，用于存储去重后的数组。然后我们遍历原数组，判断当前元素是否已经存在于 result 数组中，如果不存在，则将其加入到 result 数组中。
示例代码
下面是一个完整的示例代码，供读者参考：
// javascriptcn.com 代码示例
function unique(arr) {
let result = []
for (let i = 0; i < arr.length; i++) {
if (!result.includes(arr[i])) {
result.push(arr[i])
}
}
return result
}
let arr = [1, 2, 3, 4, 5, 2, 3, 4]
let newArr = unique(arr)
console.log(newArr) // [1, 2, 3, 4, 5]在上述代码中，我们定义了一个数组 arr，其中包含了一些重复的元素。然后我们调用 unique 函数，将 arr 作为参数传入。最后，我们打印出去重后的数组 newArr，结果为 [1, 2, 3, 4, 5]。
总结
本文介绍了如何在 ES7 中使用数组的 includes 方法去重。通过本文的学习，我们可以发现，利用 includes 方法实现数组去重非常简单，而且代码量也比较少。因此，在实际开发中，我们可以根据需求选择适合的方法来实现数组去重。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656311cdd2f5e1655dcc4f17