jsonを複数のタイプのコレクションにデシリアライズする

Question

私はプロジェクトにtypescriptを使用しています。コレクションをjsonにシリアル化してファイルに保存し、後でそのファイルを同様のコレクションにデシリアライズする必要があります。コレクションのようなものになります。

elements: Array<tool> 

を、私のツールのインターフェースは次のようになります。

export interface tool { 
    name: string; 
    draw(context:any); 
} 

とツールの実装は次のようになります。

export class textTool implements tool { 
    name: string; 
    fontSize:number; 
    fontType:string; 
    draw(context:any){ 
     // draws the control... 
    } 
} 

私はツールインタフェースのいくつかの実装を持っています： textTool、imageTool、およびrectangleToolです。私が解決しなければならない問題は、ファイルのコンテンツをツールのコレクションにデシリアライズすると、通常のオブジェクトだけで、textToolのインスタンスではありません。

私はJSON.stringify(elements)を使用してjsonを作成し、JSON.parse(jsonText)をデシリアライズします。

私はパーソンが、どの種類のインスタンスを作成するべきかを知る方法がないことを理解しています.Jsonテキストには情報がありません。私は、必要なクラスインスタンスを特定するためのフィールドや何かを追加し、そのクラスを手動で「新規」にすることを考えました。どのようなオプションを私は手動でツールのコレクションにjsonを解析する必要はありません（適切なタイプ）？

Answer 1

はあなたが、フィールドtypeを追加し、かなりまっすぐ進むとなり、実装クラスの型の文字列の間のマッピングと、変換コードを作成することができます言ったように：

export interface tool { 
    type: string; 
    name: string; 
    draw(context:any): void; 
} 

class textTool implements tool { 
    type:string = 'textTool'; 
    name:string; 
    fontSize:number; 
    fontType:string; 

    draw(context:any):void { 
    } 
} 

const typeMapping:any = { 
    'textTool' : textTool 
    //all other types 
}; 
let json = '[{"type":"textTool", "name": "someName", "fontSize": 11}]'; 
let elements: Array<tool> = JSON.parse(json).map((i:any) => { 
    let target:any = new typeMapping[i.type]; 
    for (const key in i) { 
     target[key] = i[key]; 
    } 
    return target; 
}); 

*コードを複製することは、非常に単純ですが、それは普通のオブジェクトのために十分です。プレーンなオブジェクトのための

Answer 2

それを試してみてください。

function deserialize<T>(json): T[] { 
    let collection: T[] = []; 
    json.map((item: T) => { 
     collection.push(item); 
    }); 
    return collection; 
} 

とそれを呼び出す：

let tools: tool[] = deserialize<textTool>(json);