JSON merangkai Set

Bagaimana satu JSON.stringify () menjadi Set ?

Hal-hal yang tidak berfungsi di Chromium 43:

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

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

Saya berharap untuk mendapatkan sesuatu yang mirip dengan array serial.

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

JSON.stringify tidak langsung bekerja dengan kumpulan karena data yang disimpan dalam kumpulan tidak disimpan sebagai properti.

Tapi Anda bisa mengonversi set ke array. Kemudian Anda akan bisa merangkainya dengan benar.

Salah satu dari berikut ini akan membantu:

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()));

Gunakan JSON.stringifypengganti ini :

(karena toJSONmerupakan artefak lama, dan pendekatan yang lebih baik adalah menggunakan kustomreplacer , lihat 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;
}

Kemudian:

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

Hasil:

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

Sementara semua pekerjaan di atas saya sarankan agar Anda mengatur subclass dan menambahkan toJSONmetode untuk memastikan bahwa itu merangkai dengan benar. Apalagi jika Anda akan sering merangkai. Saya menggunakan set di toko Redux saya dan perlu memastikan ini tidak pernah menjadi masalah.

Ini adalah implementasi dasar. Penamaan hanya untuk menggambarkan titik pilih gaya Anda sendiri.

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

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