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

Answer 1

You could use the Array map function. Try the following

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

Answer 2

Use the below code:

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