使用 Set 在 ES6 中没有重复的文字对象数组

Question

从ES6开始，获取没有重复项的数组的代码变得优雅了：

[...new Set(array)];

就是这样！

但是，这仅在数组具有原始数据类型（字符串、布尔值、数字...）的元素时才删除重复项。

一组对象字面量呢？ 使用与上面使用的语法接近的语法，如何在不重复的情况下使其工作？

var array=["aaa","bbb","aaa","cc","aaa","bbb"];
var out=[...new Set(array)];
console.log(out)

//----Literal Object 

array=[{n:"J",last:"B"},{n:"J",last:"B"}];
out=[...new Set(array)];
console.log(out)

上面的代码生成了一个包含 2 个元素的集合，但在这种情况下我希望它只有一个。

我可以使用序列化/反序列化方法来实现这一点：

[...new Set(array.map(
    //-- SERIALIZE:
    (e) => `${e.n}:${e.last}`
))].map(
    //-- DE-SERIALIZE:
    (e) => ({ n: `${e.split(':')[0]}`, last: `${e.split(':')[1]}` })
)

但是，我正在寻找 ES6 内置。

Answer 1

在 JavaScript 中，如果两个对象不是同一个引用，即使它们看起来相同，它们也是不同的：

var a = {};
var b = {};
console.log(a === b); // false
b = a;
console.log(a === b); // true

集合的工作方式类似：除非添加到其中的对象指的是同一事物，否则它们将是不同的。

自定义集

让它按你想要的方式工作的一个想法是创建你自己的 Set 风格，即 MySet，为其提供作为 Set 工作所需的所有方法和属性。

然后在其实现中，您将在其内部保留一个 Map，您可以在其中为存储在其中的所有内容提供密钥。然后，您可以确保您认为相同的对象在该映射中获得相同的键，因此只存储一次。

一种低效但直接的方法是使用JSON.stringify(item) 作为键。这有其局限性（例如，添加自引用对象会使 JSON.stringify(item) 放弃），但对于其余部分，它可以完成这项工作。

我们可以让MySet 接受一个额外的参数：调用该函数以获取项目的键值。鉴于上述想法，我们将给它默认值JSON.stringify。

考虑一下这个实现，添加你的测试代码：

// Implementation of special Set:
class MySet {
    constructor(values = [], keyFunc = JSON.stringify) {
        // Use a map to store the values 
        this._map = new Map();
        // Which function to use for generating an item's key
        this._keyFunc = keyFunc;
        // Add the initial values
        for (var value of [...values]) this.add(value);
    }
    get size() {
        return this._map.size;
    }
    add(item) {
        // Key items by the given function
        this._map.set(this._keyFunc(item), item);
    }
    has(item) {
        return this._map.has(this._keyFunc(item));
    }
    *[Symbol.iterator] () {
        for (var pair of this._map) {
            yield pair[1]; // return the item
        }
    }
    // etc...
}

// Test it:
array = [{n:"J",last:"B"}, {n:"J",last:"B"}];
out = [...new MySet(array)];
console.log(out);

如您所见，虽然集合中添加了两个对象，但它只存储了一个。