Kiểu chữ, sắp xếp lớp đối tượng

Question

Làm cách nào để tuần tự hóa các lớp này thành JSON?

Như bạn có thể thấy từ ví dụ bên dưới JSON.stringify() không tuần tự hóa danh sách Cache_Backend_LocalStorage_Tag bên trong đối tượng Cache_Backend_LocalStorage_TagThree.

Tôi đang thiếu gì?

interface Cache_Backend_LocalStorage_Tag_Interface { 
    _tag : string; 
    _keys : string[]; 
} 

class Cache_Backend_LocalStorage_Tag implements Cache_Backend_LocalStorage_Tag_Interface { 

    public _tag : string; 
    public _keys : string[]; 

    constructor(tag : string) { 
     this._tag = tag; 

     this._keys = []; 
    } 

    public add(key : string) : void { 
     this._keys.push(key); 
    } 

    public remove(key : string): boolean { 
     // Get the index of the key 
     var index = this._keys.indexOf(key, 0); 

     // Check if we found the keys index 
     if (index != undefined) { 
      this._keys.splice(index, 1); 

      return true; 
     } 

     return false; 
    } 

    public get tag(): string { 
     return this._tag; 
    } 

    public get keys(): string[] { 
     return this._keys; 
    } 
} 

interface Cache_Backend_LocalStorage_TagThree_Interface { 
    _tags : Cache_Backend_LocalStorage_Tag[]; 
} 

class Cache_Backend_LocalStorage_TagThree implements Cache_Backend_LocalStorage_TagThree_Interface { 

    public _tags : Cache_Backend_LocalStorage_Tag[]; 

    constructor(tags : Cache_Backend_LocalStorage_Tag[] = []) { 
     this._tags = tags; 
    } 

    public add(tag : Cache_Backend_LocalStorage_Tag) : void { 
     this.tags[tag.tag] = tag; 
    } 

    public get tags(): Cache_Backend_LocalStorage_Tag[] { 
     return this._tags; 
    } 

    public get(tagKey : string): Cache_Backend_LocalStorage_Tag { 
     return this.tags[tagKey]; 
    } 

    public addKeyToTag(tagKey, key) { 
     this.tags[tagKey].add(key); 
    } 

    public removeKeyFromTag(tagKey, key) { 
     // Get the tag 
     var tag = this._tags[tagKey]; 

     // Check if we found the tag index 
     if (tag != undefined) { 
      return tag.remove(key); 
     } 

     return false; 
    } 

    public clear(tagKey : string): void { 
     delete this._tags[tagKey]; 
    } 

    public static fromObject(object): Cache_Backend_LocalStorage_TagThree { 
     return new Cache_Backend_LocalStorage_TagThree(object._tags); 
    } 
} 

Vấn đề:

var tagThree = new Cache_Backend_LocalStorage_TagThree(); 
tagThree.add(new Cache_Backend_LocalStorage_Tag("stores")); 
tagThree.addKeyToTag("stores", "store5"); 
tagThree.removeKeyFromTag("stores", "store5"); 

// {"_tags":[]} 
console.log(JSON.stringify(tagThree)); 

// { _tags: [ stores: { _tag: 'stores', _keys: [Object] } ] } 
console.log(tagThree); 

Answer 1

Lý do

Đó là bởi vì bạn đang gán thuộc tính cho một mảng và mảng bất động sản sẽ không được bao gồm trong JSON serialization. Ví dụ:

var a = []; 
a["test"] = "some value"; 
JSON.stringify(a); // returns: [] 

Bạn cần phải sử dụng một đối tượng đơn giản:

var o = {}; 
o["test"] = "some value"; 
JSON.stringify(o); // returns: {"test":"some value"} 

Giải pháp

Thay đổi giao diện Cache_Backend_LocalStorage_TagThree_Interface bạn để sử dụng một đối tượng dictionary like:

interface Cache_Backend_LocalStorage_TagThree_Interface { 
    _tags : { [tag: string] : Cache_Backend_LocalStorage_Tag; }; 
} 

Sau đó, cập nhật tất cả các khu vực của mã mà bây giờ sẽ có một lỗi biên dịch để sử dụng cùng một loại. Ví dụ, thay đổi:

constructor(tags : Cache_Backend_LocalStorage_Tag[] = []) { 

Để:

constructor(tags : { [tag: string] : Cache_Backend_LocalStorage_Tag; } = {}) { 

Just for fun - Thay đổi hành vi serialization mặc định (Không khuyến khích)

Nếu bạn thực sự muốn làm việc này chỉ với một mảng với thiết lập hiện tại của bạn (tôi không chắc chắn lý do tại sao), bạn có thể ghi đè cách tuần tự hóa được thực hiện. Để thực hiện việc này, hãy thêm phương thức toJSON vào mảng _tags trong Cache_Backend_LocalStorage_TagThree. This allows you to control how the object is serialized when JSON.stringify is called on it. Ví dụ:

this._tags.toJSON = function() { 
    var values = []; 

    for (var v in this) { 
     if (this[v] instanceof Cache_Backend_LocalStorage_Tag) { 
      values.push(this[v]); 
     } 
    } 

    return JSON.stringify(values); 
};