JS数组去重妙招 | 轻松实现，必读指南 |

2023-12-26 10:08:52

JS数组去重秘籍：掌握四种妙招，轻松去除重复元素

引言

数组是JavaScript编程中至关重要的数据结构，在实际应用中，我们常常需要对数组进行去重操作，以去除重复的元素，只保留唯一的值。本文将为你揭晓四种实用的JS数组去重妙招，助你轻松搞定数组去重任务。

妙招一：ES6 Set神器

ES6为我们带来了Set对象，它拥有自动去除数组中重复元素的超能力。只需将数组元素作为参数传入Set构造函数即可轻松搞定。

const arr = [1, 2, 3, 4, 5, 1, 2, 3];
const set = new Set(arr);
console.log(set); // Set { 1, 2, 3, 4, 5 }

妙招二：filter滤净法

filter方法可以对数组中的每个元素进行过滤，只保留满足指定条件的元素。我们可以利用它来过滤掉重复元素。

const arr = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(uniqueArr); // [ 1, 2, 3, 4, 5 ]

妙招三：reduce归纳法

reduce方法可以将数组中的元素累积成一个单一的值。我们可以利用它来逐步累积唯一元素。

const arr = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueArr = arr.reduce((acc, item) => {
  if (!acc.includes(item)) {
    acc.push(item);
  }
  return acc;
}, []);
console.log(uniqueArr); // [ 1, 2, 3, 4, 5 ]

妙招四：indexOf寻觅法

indexOf方法可以返回指定元素在数组中的索引位置。我们可以利用它来找出唯一元素。

const arr = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
  if (arr.indexOf(arr[i]) === i) {
    uniqueArr.push(arr[i]);
  }
}
console.log(uniqueArr); // [ 1, 2, 3, 4, 5 ]