ECMAScript 2017 中如何使用 const/let/for 循环进行数组去重
在前端开发中，我们经常需要对数组进行去重操作。在 ECMAScript 2015（ES6）之前，我们通常使用 Array.prototype.filter 和 Array.prototype.indexOf 等方法来进行数组去重。但是，如果对性能有要求的话，使用 ES2015 以后的 const/let 关键字和 for 循环进行数组去重可能会更好。
一、使用 const/let 关键字声明变量
在 ES2015 以前，我们通常使用 var 关键字来声明变量，在 ES2015 之后，出现了 const 和 let 关键字。相对于 var 关键字，const 和 let 关键字有更严格的作用域控制，能够避免一些变量提升和变量泄漏的问题。
使用 const 和 let 关键字声明数组时，可以避免在后续操作中误修改数组，保证数组的纯净和完整。
二、使用 for 循环进行数组去重
使用 for 循环进行数组去重时，我们需要将数组遍历一遍，将重复的元素去掉。下面是一个使用 for 循环进行数组去重的完整示例代码：
-- -------------------- ---- -------
----- --- - --- -- -- -- -- -- -- ---
----- ------ - ---
--- ---- - - -- - - ----------- ---- -
-- ----------------------- --- --- -
--------------------
-
-
-------------------- -- --- -- -- -- -- --这里我们使用了 const/let 关键字，声明了两个变量 arr 和 newArr。然后使用 for 循环遍历数组 arr，如果 newArr 中不存在当前元素，则将当前元素 push 到 newArr 中。
三、使用 Set 数据结构进行数组去重
在 ES2015 中，新增了一种叫做 Set 的数据结构，可以很方便地进行数组去重。Set 数据结构只存储唯一的值，可以自动去重。
下面是使用 Set 数据结构进行数组去重的示例代码：
const arr = [1, 2, 3, 3, 4, 5, 5, 6]; const newArr = Array.from(new Set(arr)); // 或 [...new Set(arr)]; console.log(newArr); // [1, 2, 3, 4, 5, 6]
这里我们通过 Array.from 方法或者扩展运算符，将 Set 数据结构转换成了新的数组 newArr。
四、性能对比
使用 for 循环进行数组去重的方法，可以保证数组的顺序和完整性，但是时间复杂度较高。而使用 Set 数据结构进行数组去重的方法，时间复杂度较低，但是可能会改变数组的顺序。针对不同的场景，我们可以选择不同的方法进行数组去重。
五、总结
本文介绍了使用 ES2017 中的 const/let 关键字和 for 循环进行数组去重的方法，同时也介绍了使用 ES2015 中的 Set 数据结构进行数组去重的方法。在实际开发中，我们需要根据实际场景选择不同的方法进行数组去重，以达到最佳性能和应用效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a5525b48841e98941dbc94