How to create array of objects from object of objects?

Question

I have such object:

  const countriesList = {
  NAC: {
    name: 'NAC'
  },
  LEVANT: {
    name: 'Levant'
  },
  GCC: {
    name: 'Gulf Cooperation Council',
    iso2: 'GC',
    code: '96'
  },
  AF: {
    name: "Afghanistan",
    iso2: "AF",
    code: "93"
  },
  AL: {
    name: "Albania",
    iso2: "AL",
    code: "355"
  },
}

It's object, not array and it's important. I want to create new array, which is gonna look like that:

const result = [
  {NAC: 'NAC'},
  {LEVANT: 'Levant'},
  {GCC: 'Gulf Cooperation Council'},
  {AF: "Afghanistan"},
  {AL: "Albania"}
]

I was trying to do something like that:

for (let value in countriesList) {
  let temp = {
    value: countriesList[value]['name']
  }
  this.countries.push(temp)
  temp = {}
}

But instead of keys in array of objects I got value. How can I do that?

Thanks for answers!

Unmitigated · Accepted Answer · 2021-07-28 18:07:52Z

1

You can map over Object.entries.

const countriesList = {
  NAC: {
    name: 'NAC'
  },
  LEVANT: {
    name: 'Levant'
  },
  GCC: {
    name: 'Gulf Cooperation Council',
    iso2: 'GC',
    code: '96'
  },
  AF: {
    name: "Afghanistan",
    iso2: "AF",
    code: "93"
  },
  AL: {
    name: "Albania",
    iso2: "AL",
    code: "355"
  },
}
const res = Object.entries(countriesList).map(([key, {name}])=>({[key]: name}));
console.log(res);

answered Jul 28, 2021 at 18:07

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

Comments

Christian Vincenzo Traina · Accepted Answer · 2021-07-28 18:08:53Z

0

Just use Object.keys then map to the name property:

Object.keys(countriesList).map(x => ({[x]: countriesList[x].name}))

answered Jul 28, 2021 at 18:08

Christian Vincenzo Traina

10.6k4 gold badges46 silver badges79 bronze badges

Comments

Vivekajee · Accepted Answer · 2021-07-28 18:19:28Z

You can Create and similar Array of Object with all the Keys.

const countryList = Object.entries(countriesList).map((e) => ( { [e[0]]: e[1] } ));

This Will Return Like This

[
{
  NAC: {
    name: 'NAC'
  },
  LEVANT: {
    name: 'Levant'
  },
  GCC: {
    name: 'Gulf Cooperation Council',
    iso2: 'GC',
    code: '96'
  },
  AF: {
    name: "Afghanistan",
    iso2: "AF",
    code: "93"
  },
  AL: {
    name: "Albania",
    iso2: "AL",
    code: "355"
  },
}
]

Collectives™ on Stack Overflow

How to create array of objects from object of objects?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related