ウェブサイト検索

javascript - Typescriptでオブジェクトの値の配列をインターフェース型にマッピングする


私は、以下のようにいくつかのオブジェクトを含む JSON ドキュメントに 'dealers' という配列を持っています。

"dealers" : [ 
    {
        "name" : "BMW Dealer",
        "country" : "Belgium",
        "code" : "123"
    },
        {
        "name" : "Audi Dealer",
        "country" : "France",
        "code" : "124"
    },
        {
        "name" : "VW Dealer",
        "country" : "Germany",
        "code" : "125"
    }
]

以下に示すようなインターフェース型と、このインターフェース型の変数も持っています。

interface IDealer extends IZone {
    dealerName: string;
    dealerCode: string;
    dealerCountry: string
}

var countryDealers IDealer;

ディーラーのオブジェクト配列を反復処理して、countryDealers 変数を埋めたいです。

これを達成するにはどうすればいいですか?

回答 #1

ES6の.map()関数で試してみましたか?

のように:

    let myInterfacesArray = countryDealers.map(xx=>{

    return <IDealer>
    {
         dealerName : xx.name,
         dealerCode : xx.code,
         dealerCountry : xx.country
          // and so on
     };

  });

役に立つといいですね!!

関連記事