Cannot populate an array from JSON object in Angular

Question

I have the following JSON object:

Object { JP: "JAPAN", PAK: "PAKISTAN", IND: "INDIA", AUS: "AUSTRALIA" }

This JSON is a response data returned from a get call(HttpClient Angular).

So now, I need to populate this into the following to display as a dropdown list.

countryList: { countryCode: string; countryName :string }[];

I tried doing the following :

for (const key in resData) {
  if (resData.hasOwnProperty(key)) {
     var obj ={
       countryCode :key,
       countryName : resData[key]
      }
    this.countryList.push(obj);
  }
}

But when I execute I'm getting this error

"_this.countryList.push is not a function"

What am I doing wrong?

Matt Saunders · Accepted Answer · 2020-05-06 18:50:36Z

2

The code you’ve posted only defines the type of countryList. You need to also initialise it as an empty array before you can push to it - see below.

countryList: { countryCode: string;countryName :string }[] = [];

answered May 6, 2020 at 18:50

Matt Saunders

4,1162 gold badges28 silver badges37 bronze badges

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

3 Comments

Subham Saha Over a year ago

Yes, have done so. Could you suggest me a way to close this thread?

Matt Saunders Over a year ago

Thanks! Everything on the site just stays up. That way if someone has a similar issue, hopefully your question will help them too.

Subham Saha Over a year ago

Okay. Thank you once again.

Mark Partola · Accepted Answer · 2020-05-06 18:50:56Z

1

You can get entries from the object and then map it to the array of objects:

Object.entries(countries).map(([key, value]) => ({
     countryCode: key,
     countryName: value
}))

answered May 6, 2020 at 18:50

Mark Partola

6643 silver badges10 bronze badges

Comments

Zulqarnain Jalil · Accepted Answer · 2020-05-06 18:51:56Z

0

you need to declare countryList as list.

var resData={ JP: "JAPAN", PAK: "PAKISTAN", IND: "INDIA", AUS: "AUSTRALIA" };
countryList=[];
for (const key in resData) {
  if (resData.hasOwnProperty(key)) {
     var obj ={
       countryCode :key,
       countryName : resData[key]
      }
    countryList.push(obj);
  }
}
console.log(countryList)

answered May 6, 2020 at 18:51

Zulqarnain Jalil

1,69117 silver badges27 bronze badges

Collectives™ on Stack Overflow

Cannot populate an array from JSON object in Angular

3 Answers 3

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Related