vue 去重

// 在 Vue 项目中去重通常是指对数组中的元素进行去重操作。以下是几种常见的去重方法示例代码：

// 方法一：使用 Set 去重
function uniqueArray(arr) {
  return [...new Set(arr)];
}

// 示例：
let numbers = [1, 2, 2, 3, 4, 4, 5];
let uniqueNumbers = uniqueArray(numbers);
console.log(uniqueNumbers); // 输出: [1, 2, 3, 4, 5]

// 方法二：使用 filter 和 indexOf 去重
function uniqueArrayFilter(arr) {
  return arr.filter((item, index) => arr.indexOf(item) === index);
}

// 示例：
let names = ['Alice', 'Bob', 'Alice', 'Charlie'];
let uniqueNames = uniqueArrayFilter(names);
console.log(uniqueNames); // 输出: ['Alice', 'Bob', 'Charlie']

// 方法三：使用 reduce 去重
function uniqueArrayReduce(arr) {
  return arr.reduce((acc, current) => {
    if (!acc.includes(current)) {
      acc.push(current);
    }
    return acc;
  }, []);
}

// 示例：
let fruits = ['apple', 'banana', 'apple', 'orange'];
let uniqueFruits = uniqueArrayReduce(fruits);
console.log(uniqueFruits); // 输出: ['apple', 'banana', 'orange']

解释说明：

• Set 是 ES6 引入的一种数据结构，它只允许存储唯一的值。通过将数组转换为 Set 再转回数组，可以轻松实现去重。
• filter 和 indexOf 的组合可以确保每个元素只保留第一次出现的位置，从而实现去重。
• reduce 方法通过遍历数组并检查累积结果中是否已经包含当前元素来实现去重。

这些方法都可以在 Vue 组件的 methods 或 computed 属性中使用，具体取决于你的需求。