将对象值数组映射到 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;

反而