Mapping array of object values to Interface type in Typescript

Question

I have an array called dealers in a JSON document that contains several object as shown below.

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

I also have an interface type as shown below and a variable of this interface type.

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

var countryDealers IDealer;

I'd like to iterate through the dealers array of objects and populate the countryDealers variable.

How can I achieve this please?

@Sajeetharan countryDealers will have all the properties from the interface and respective data retrieved from dealers array i.e. name, code and country. — Ali Celebi
– Ali Celebi, Commented Dec 7, 2018 at 11:59

Dejan · Accepted Answer · 2019-11-18 12:41:39Z

46

have you tried with the .map() function of ES6 ?

like:

    let myInterfacesArray = countryDealers.map(xx=>{

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

  });

Hope it help you!!

edited Nov 18, 2019 at 12:41

Dejan

1241 silver badge9 bronze badges

answered Dec 7, 2018 at 11:58

federico scamuzzi

3,7781 gold badge19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

somethingRandom · Accepted Answer · 2022-07-14 07:45:27Z

3

I could not use

return <IInterface>
{
  ...
}

in a tsx files because I started getting errors.

You will have to use

return {
  ...
} as IInterface;

instead

answered Jul 14, 2022 at 7:45

somethingRandom

1,2061 gold badge15 silver badges17 bronze badges

Collectives™ on Stack Overflow

Mapping array of object values to Interface type in Typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related