如何从字典数组中提取唯一字典并生成新数组？

嘿，我来帮你搞定这个数组去重的问题！

首先你原来的代码里有两个小问题：

• 你的数组元素里根本没有Group属性，所以item.Group会返回undefined，这肯定没法得到你想要的结果；
• 就算你正确取到了对象，因为JavaScript里对象是引用类型，两个内容完全一样的对象也是不同的引用，Set会把它们当成不同的元素，自然去重失败。

下面给你两种实用的解决方案：

方法1：用JSON序列化实现去重 #

把每个对象转成JSON字符串，这样内容相同的对象会变成完全一样的字符串，Set就能正确去重了，最后再把字符串转回对象：

const dateArray = [ {year:'2018', month: "01"}, {year:'2018', month: "01"}, {year:'2017', month: "02"}, {year:'2017', month: "02"} ];

const uniqueStrings = [...new Set(dateArray.map(item => JSON.stringify(item)))];
const unique = uniqueStrings.map(str => JSON.parse(str));

console.log('UNIQUE: ', unique);
// 输出：[{year:'2018', month: "01"}, {year:'2017', month: "02"}]

这个方法简单直观，但如果你的对象里有函数、undefined这类无法被JSON序列化的内容，就不太适用了。

方法2：用filter+辅助集合（更高效） #

我们可以自己生成一个唯一的key（比如把year和month拼接起来），用Set记录已经出现过的key，然后用filter筛选出第一次出现的对象：

const dateArray = [ {year:'2018', month: "01"}, {year:'2018', month: "01"}, {year:'2017', month: "02"}, {year:'2017', month: "02"} ];

const seen = new Set();
const unique = dateArray.filter(item => {
  // 生成唯一标识key
  const key = `${item.year}-${item.month}`;
  if (!seen.has(key)) {
    seen.add(key);
    return true; // 保留这个元素
  }
  return false; // 跳过重复元素
});

console.log('UNIQUE: ', unique);
// 输出：[{year:'2018', month: "01"}, {year:'2017', month: "02"}]

这个方法性能更好，而且不受JSON序列化的限制，推荐用这个！

内容的提问来源于stack exchange，提问作者arcade16