vue3 数组去重

1.根据数组对象中的某个属性名去重

const items = reactive([
  { prop: 1, name: 'name 1', category: 'A' },
  { prop: 2, name: 'name 2', category: 'B' },
  { prop: 1, name: 'name 1', category: 'A' }, // 重复项
  { prop: 3, name: 'name 3', category: 'C' }
]); // 你的初始数组
const resault = [...new Set(items.map(item => item.category))].map(category => {
  return items.find(item => item.category === category);
});
console.log(resault,"resault");

打印结果：

2.将复杂数组中每个对象作为值进行比较去重

const items = reactive([
  { id: 1, name: 'Item 1', category: 'A' },
  { id: 2, name: 'Item 2', category: 'B' },
  { id: 1, name: 'Item 1', category: 'A' }, // 重复项
  { id: 3, name: 'Item 3', category: 'C' }
]); // 你的初始数组

// const items = reactive([1,2,3,3,3,4,5]); // 你的初始数组

// 完全相同的数值去重（复杂、单一数组）
const uniqueItems = [...new Map(items.map(item => [JSON.stringify(item), item])).values()];
console.log(uniqueItems,"uniqueItems")

打印结果：

*如有瑕疵请大佬批评指正