JS数组去重的几种方法
在JavaScript中,有多种方法可以实现数组去重。以下是几种常见的实现方式:
- 使用Set
Set是ES6中引入的一个新的数据结构,它类似于数组,但是成员的值都是唯一的,没有重复的值。利用这个特性,我们可以轻松地实现数组去重:
function uniqueArray(arr) {
return [...new Set(arr)];
}
// 使用示例
const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(uniqueArray(arr)); // 输出: [1, 2, 3, 4, 5]
- 使用filter方法
Array.prototype.filter方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。这里我们可以利用这个方法和indexOf方法来实现去重:
function uniqueArray(arr) {
return arr.filter((item, index) => arr.indexOf(item) === index);
}
// 使用示例
const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(uniqueArray(arr)); // 输出: [1, 2, 3, 4, 5]
- 使用reduce方法
Array.prototype.reduce方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。我们可以结合使用reduce和includes方法来实现去重:
function uniqueArray(arr) {
return arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
}
// 使用示例
const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(uniqueArray(arr)); // 输出: [1, 2, 3, 4, 5]
- 使用Map对象
Map是ES6中引入的一种新的键值对集合。我们可以利用Map的键是唯一的这一特性来实现数组去重:
function uniqueArray(arr) {
let map = new Map();
arr.forEach(item => map.set(item, true)); // 或者直接存储item作为键
return Array.from(map.keys());
}
// 使用示例
const arr = [1, 2, 2, 3, 4, 4, 5];
console.log(uniqueArray(arr)); // 输出: [1, 2, 3, 4, 5]
以上就是几种在JavaScript中实现数组去重的方法,你可以根据具体需求和环境选择最适合的一种。