Angular2＆Typescript - ネストされたJSONからオブジェクトを作成

Question

JSONデータをモデル化するために、内部に複数のインターフェイスを持つクラスがあります。たとえば、次のように

interface A { 
    id: number; 
} 

interface B { 
    name: string; 
    surname?: string; 
} 

class MyClass implements A { 
    people: B[]; 
    notes: string[]; 

    function1(){...} 
    function2(){...} 
} 

と私は同じ構造でJSONを持っている：

{ 
    id: 1, 
    people: [ 
    { 
     name: "john" 
    }, 
    { 
     name: "alice", 
     surname: "smith" 
    } 
    ], 
    notes: [ "Very important top secret note" ] 
} 

は私が直接、このJSONからMyClassのインスタンスを作成することはできますか？

Answer 1

あなたのデータ構造は、ほぼあなたのクラスと同じである、あなたがクラスにidプロパティを追加する

class MyClass implements A { 
    id: number; 
    // .... 
} 

を持っていると思いますが、このような何かをしようとしていた場合、問題がある：

let data: MyClass = { 
    id: 1, 
    people: [ 
    { 
     name: "john" 
    }, 
    { 
     name: "alice", 
     surname: "smith" 
    } 
    ], 
    notes: [ "Very important top secret note" ] 
} 

jsonにメソッド（function1、function2）がないため、これは機能しません。

一つの解決策は、実際のMyClassのインスタンスを作成し、JSONを渡すか、

class MyClass { 
    static createFrom(jsonData: A & B): MyClass { 
     // create the objct and return 
    } 
} 

のようにそのためのコンストラクタメソッドを持っているか、あなたはの既存のインスタンスを組み合わせることにより、その型の変数を作成することができますすることです

クラスを広げ、ジェソンを広める。そのよう

：まず

let json = { 
    id: 1, 
    people: [ 
     { 
      name: "john" 
     }, 
     { 
      name: "alice", 
      surname: "smith" 
     } 
    ], 
    notes: ["Very important top secret note"] 
} 
const c = new MyClass(); 

let mClass: MyClass = {...json, function1: c.function1, function2: c.function2 }; 

mClass.function1(); 

Link to playground