Vue中数组进行去重的几种常用方法_vue 数组去重

1、使用Set数据结构：这是ES6中引入的新数据结构，它只能存储唯一的值。你可以将数组转换为Set，然后再将Set转换回数组。

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

2、使用filter()方法：通过使用indexOf方法来保留首次出现的元素，去掉重复的元素。

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = arr.filter((value, index, self) => {
  return self.indexOf(value) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

3、使用reduce()方法：通过使用一个空数组和includes()方法来添加不重复的元素。

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