angular make an json array from loop

Question

Hello I wanted to make an json array like below from for loop

  { id: 1, itemName: "USA" },
  { id: 2, itemName: "UK" },
  { id: 3, itemName: "India" },
  { id: 4, itemName: "Canada" },
  { id: 5, itemName: "Germany" },
  { id: 6, itemName: "China" }

I have writen this code for this

  data.Countries.forEach(element => {

        this.countryInfo.push(
            'id:'+i,
            'itemName:'+ element.CountryName);
        i++;
      });

but this not working, please help me for this

Please show the data.Countries array. There might be better ways to do what you want. — Barremian
– Barremian, Commented Jul 28, 2020 at 6:54

Barremian · Accepted Answer · 2020-07-28 07:19:29Z

2

You could use the Array map function. Try the following

this.countryInfo = data.Countries.map((country, index) => 
  ({'id': index + 1, 'itemName': country.CountryName})
);

edited Jul 28, 2020 at 7:19

answered Jul 28, 2020 at 6:56

Barremian

31.2k4 gold badges37 silver badges67 bronze badges

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

Comments

surendra kumar · Accepted Answer · 2020-07-28 06:59:25Z

1

Use the below code:

 data.Countries.forEach((element,index) => {

        this.countryInfo.push({
            'id':index+1,
            'itemName':element.CountryName
      });
})

answered Jul 28, 2020 at 6:59

surendra kumar

1,78012 silver badges15 bronze badges

Collectives™ on Stack Overflow

angular make an json array from loop

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related