如何从 js 数组中删除重复值
在JavaScript中，从数组中删除重复值可以通过几种不同的方法实现。以下是一些常见的方法，每种方法都有其自身的优势。1. 使用Set对象Set是ES6中引入的一个新的数据结构，它允许你存储唯一值（重复的元素会被忽略）。我们可以利用这个特性来删除数组中的重复值。const array = [1, 2, 2, 3, 4, 4, 5];const uniqueArray = [...new Set(array)];console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]使用Set对象是最简洁的方法，代码易于理解，且性能良好。2. 使用filter方法Array.prototype.filter方法可以用来遍历数组并返回一个新数组，包含所有通过测试函数的元素。我们可以利用这个方法来筛选出第一次出现的元素，从而达到去重的效果。const array = [1, 2, 2, 3, 4, 4, 5];const uniqueArray = array.filter((item, index, arr) => arr.indexOf(item) === index);console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]这种方法不需要任何外部库或特定的语言特性，因此适用于老版本的JavaScript环境。3. 使用reduce方法Array.prototype.reduce方法对数组中的每个元素执行一个由您提供的“reducer”函数，将其结果汇总为单个返回值。我们可以用它来构建一个不包含重复值的数组。const array = [1, 2, 2, 3, 4, 4, 5];const uniqueArray = array.reduce((acc, current) => { if (acc.indexOf(current) === -1) { acc.push(current); } return acc;}, []);console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]这种方法给了我们更多的控制力，但它的效率可能不如使用Set对象。4. 使用forEach方法和辅助对象我们也可以使用forEach遍历数组，并使用一个辅助对象（或者Map）来记录已经出现过的值。const array = [1, 2, 2, 3, 4, 4, 5];let uniqueObject = {};const uniqueArray = [];array.forEach((item) => { if (!uniqueObject[item]) { uniqueArray.push(item); uniqueObject[item] = true; }});console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]这种方法的效率也比较高，但是代码稍微复杂一些，并且需要额外的空间来存储辅助对象。每种方法都有其适用场景，选择哪一种取决于具体需求、代码的可读性以及对旧版JavaScript的支持需求。例如，如果你正在编写一个需要在老版本浏览器上运行的应用程序，你可能需要避免使用Set和filter，而是选择for循环或其他ES5兼容的方法。如果你的环境支持ES6，那么使用Set可能是最简单和最直观的方式。
