vue数组对象去重

// 示例代码：Vue 数组对象去重

// 假设我们有一个包含多个对象的数组，每个对象都有一个唯一的 id 属性
const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 1, name: 'Alice' }, // 重复项
  { id: 3, name: 'Charlie' }
];

// 使用 Map 来去重
function uniqueArray(array, key) {
  const map = new Map();
  const unique = array.filter(item => {
    if (!map.has(item[key])) {
      map.set(item[key], true); // 存储唯一值
      return true;
    }
    return false;
  });
  return unique;
}

// 调用函数并输出结果
const result = uniqueArray(array, 'id');
console.log(result);
// 输出: [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]

// 解释：
// 1. 我们定义了一个 `uniqueArray` 函数，该函数接收两个参数：要处理的数组和用于比较的键（例如 'id'）。
// 2. 使用 `Map` 数据结构来存储已经遇到的键值，确保不会重复。
// 3. `filter` 方法遍历数组，并只保留那些在 `Map` 中尚未存在的项。
// 4. 最终返回去重后的数组。