JavaScript 中实现数组去重有哪些方法

JavaScript中实现数组去重的方法主要包括使用Set对象、使用for循环和indexOf方法、利用ES6的Array.from方法、使用filter和indexOf方法、使用reduce方法 以及利用Object的键唯一性。利用Set对象是一种更现代、简洁的方法，可以直接将数组转换为Set对象，再通过Array.from方法或展开运算符将其转换回数组，从而实现去重。

一、使用SET对象

JavaScript ES6引入的Set对象提供了一种简单高效的去重方法。Set是一种类似于数组的结构，但是其内部成员的值都是唯一的。

创建Set实例

首先，可以通过将数组传递给Set的构造函数来创建一个Set对象：

const numbers = [1, 2, 2, 3, 4, 4, 5];

const uniqueNumbers = new Set(numbers);

转换回数组

接着，使用Array.from方法或展开运算符(…), 将Set对象转换回数组：

// 使用Array.from方法

const uniqueArray = Array.from(uniqueNumbers);
// 使用展开运算符
const uniqueArraySpread = [...uniqueNumbers];

二、使用FOR循环和INDEXOF方法

对于不支持ES6的环境，可以使用传统的for循环配合indexOf方法进行数组去重。

初始化临时数组

创建一个临时数组，用于存放唯一值：

const numbers = [1, 2, 2, 3, 4, 4, 5];

let uniqueArray = [];

遍历与检测

遍历原数组，使用indexOf方法检查元素是否已存在于临时数组中：

for (let i = 0; i < numbers.length; i++) {

    if (uniqueArray.indexOf(numbers[i]) === -1) {
        uniqueArray.push(numbers[i]);
    }
}

三、利用ES6的ARRAY.FROM方法

除了转换Set对象，Array.from方法也可用于数组去重，结合更高阶的函数如map或filter。

结合Set对象

结合Set对象实现去重：

const numbers = [1, 2, 2, 3, 4, 4, 5];

const uniqueNumbers = Array.from(new Set(numbers));

此方法的核心是先将数组转成Set去重，再通过Array.from转回数组。

四、使用FILTER和INDEXOF方法

利用数组的filter方法和indexOf方法可以实现数组去重，这种方法同样适用于不支持ES6的环境。

实现代码

const numbers = [1, 2, 2, 3, 4, 4, 5];

const uniqueNumbers = numbers.filter((element, index) => {
    return numbers.indexOf(element) === index;
});

过滤数组中的每个元素，仅保留该元素首次出现的位置与当前索引相同的元素。

五、使用REDUCE方法

reduce方法可用于累加器，也能用来实现数组去重。

使用reduce去重

const numbers = [1, 2, 2, 3, 4, 4, 5];

const uniqueNumbers = numbers.reduce((unique, item) => {
    return unique.includes(item) ? unique : [...unique, item];
}, []);

通过累加的方式检查数组中的元素是否已经被加入到结果数组中，若未加入则将其加入。

六、利用OBJECT的键唯一性

JavaScript对象的属性名是唯一的，这一特性可以用来去重非常复杂的数组元素，如对象。

基本示例

const arrayWithDuplicates = [{ id: 1 }, { id: 2 }, { id: 1 }];

let uniqueObject = {};
const uniqueArray = arrayWithDuplicates.filter(item => {
    return uniqueObject.hasOwnProperty(item.id) ? false : (uniqueObject[item.id] = true);
});

利用对象属性名的唯一性进行去重，特别适用于对象数组去重。要注意的是这个方法主要适用于数组元素为对象，并且可以通过某个属性进行唯一性标识的情况。

通过上述方法，开发者可以根据具体需求和环境选择最适合的数组去重方式。每种方法都有其适用场景，理解其原理和限制是关键。

相关问答FAQs：

什么是数组去重？
数组去重是指从一个数组中移除重复的元素，使得数组中的元素全部都是唯一的。

可以使用哪些方法实现 JavaScript 数组的去重？
JavaScript 中有多种方法可以实现数组的去重，包括以下几种常见的方法：

1. 使用 Set 数据结构实现数组去重： Set 是一种新的数据结构，它类似于数组，但是不允许有重复的值。可以使用 Set 来实现数组去重，首先将数组转换为 Set，然后再将 Set 转换回数组。
2. 使用对象实现数组去重： 可以遍历数组，使用一个对象来保存不重复的元素，然后将对象的键转换为数组。
3. 使用 Array.prototype.filter() 方法实现数组去重： 可以使用数组的 filter 方法，遍历数组并使用 indexOf 方法来检查当前元素是否已经存在于新数组中，如果不存在则将其加入到新数组中。
4. 使用 Array.prototype.reduce() 方法实现数组去重： 可以使用数组的 reduce 方法，遍历原始数组并使用一个空数组来保存不重复的元素，每次迭代时判断该元素是否已经存在于新数组中，如果不存在则将其加入到新数组中。

如何选择合适的数组去重方法？
选择合适的数组去重方法取决于你的需求和实际场景。如果你需要保留数组中的顺序，可以使用对象或 reduce 方法。如果你不需要保留顺序，可以使用 Set 或 filter 方法。另外，如果数组中的元素是复杂类型（如对象），则需要自定义判断重复的逻辑。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。