JSON stringifica un Set

Come farebbe un JSON.stringify () a Set ?

Cose che non funzionavano in Chromium 43:

var s = new Set(['foo', 'bar']);

JSON.stringify(s); // -> "{}"
JSON.stringify(s.values()); // -> "{}"
JSON.stringify(s.keys()); // -> "{}"

Mi aspetterei di ottenere qualcosa di simile a quello di un array serializzato.

JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

JSON.stringify non funziona direttamente con i set perché i dati memorizzati nel set non vengono memorizzati come proprietà.

Ma puoi convertire il set in un array. Quindi sarai in grado di stringerlo correttamente.

Qualsiasi delle seguenti operazioni farà il trucco:

JSON.stringify([...s]);
JSON.stringify([...s.keys()]);
JSON.stringify([...s.values()]);
JSON.stringify(Array.from(s));
JSON.stringify(Array.from(s.keys()));
JSON.stringify(Array.from(s.values()));

Usa questo JSON.stringify sostituto:

(poiché toJSONè un artefatto legacy e un approccio migliore consiste nell'usarne uno personalizzatoreplacer , vedere https://github.com/DavidBruant/Map-Set.prototype.toJSON/issues/16 )

function Set_toJSON(key, value) {
  if (typeof value === 'object' && value instanceof Set) {
    return [...value];
  }
  return value;
}

Poi:

const fooBar = { foo: new Set([1, 2, 3]), bar: new Set([4, 5, 6]) };
JSON.stringify(fooBar, Set_toJSON)

Risultato:

"{"foo":[1,2,3],"bar":[4,5,6]}"

Sebbene tutto quanto sopra funziona, ti suggerisco di impostare una sottoclasse e aggiungere un file toJSON metodo per assicurarti che stringa correttamente. Soprattutto se stringerai spesso. Uso i set nei miei negozi Redux e avevo bisogno di assicurarmi che questo non fosse mai un problema.

Questa è un'implementazione di base. La denominazione è solo per illustrare il punto scegli il tuo stile.

class JSONSet extends Set {
    toJSON () {
        return [...this]
    }
}

const set = new JSONSet([1, 2, 3])
console.log(JSON.stringify(set))