將對象值數組映射到 Typescript 中的接口類型

Question

我在一個 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 變量。

請問我怎樣才能做到這一點？

Answer 1

你試過 ES6 的 .map() 函數嗎？

喜歡：

    let myInterfacesArray = countryDealers.map(xx=>{

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

  });

希望對你有幫助！！

Answer 2

我無法使用

return <IInterface>
{
  ...
}

在tsx文件中，因為我開始遇到錯誤。

你將不得不使用

return {
  ...
} as IInterface;

反而