JSON xâu chuỗi một Tập hợp

Làm thế nào để một JSON.stringify () một Tập hợp ?

Những điều không hoạt động trong Chromium 43:

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

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

Tôi mong đợi nhận được một cái gì đó tương tự như của một mảng được tuần tự hóa.

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

JSON.stringify không trực tiếp hoạt động với tập hợp vì dữ liệu được lưu trữ trong tập hợp không được lưu trữ dưới dạng thuộc tính.

Nhưng bạn có thể chuyển tập hợp thành một mảng. Sau đó, bạn sẽ có thể xâu chuỗi nó đúng cách.

Bất kỳ thao tác nào sau đây sẽ thực hiện thủ thuật:

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

Sử dụng JSON.stringifychất thay thế này :

(vì toJSONlà phần mềm kế thừa và cách tiếp cận tốt hơn là sử dụng tùy chỉnhreplacer , hãy xem 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;
}

Sau đó:

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

Kết quả:

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

Trong khi tất cả các công việc trên, tôi khuyên bạn nên đặt lớp con và thêm một toJSONphương thức để đảm bảo rằng nó được xâu chuỗi chính xác. Đặc biệt nếu bạn thường xuyên lập chuỗi. Tôi sử dụng các bộ trong các cửa hàng Redux của mình và cần đảm bảo rằng điều này không bao giờ là vấn đề.

Đây là một cách thực hiện cơ bản. Đặt tên chỉ để minh họa cho điểm chọn phong cách của riêng bạn.

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

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