Create an array of objects from a nested object

Question

I've a nested object 'empData'. I need to iterate over each of the keys in my object and return an array of objects. Each key inside my object 'empData' is again an object.

Now, I need to return an array of object as:

Expected output:

[{
 "team": "AUS",
 "name": "John"
}, {
 "team": "CAN",
 "name": "Steve"
}, {
 "team": "IND",
 "name": "Robbie"
}, {
 "team": "IRE",
 "name": "James"
}, {
 "team": "USA",
 "name": "Austin"
}];

My Code:

function getData() {
 const empData = {
  "AUS": {
   "isRetired": true,
   "name": "John"
  },
  "CAN": {
   "name": "Steve"
  },
  "IND": {
   "name": "Robbie"
  },
  "IRE": {
   "name": "James"
  },
  "USA": {
   "name": "Austin"
  }
 };
 Object.keys(empData).map(function(eachKey) {
  const obj = {
   team: eachKey,
   name: eachKey.name
  };
  console.log(obj);
  return obj;
 });
}

<button onclick="getData()">Get Data</button>

Could someone please help me with this?

Devraj s · Accepted Answer · 2019-05-20 05:21:15Z

4

change name: eachKey.name

 name: empData[eachKey].name



function getData() {
 const empData = {
  "AUS": {
   "isRetired": true,
   "name": "John"
  },
  "CAN": {
   "name": "Steve"
  },
  "IND": {
   "name": "Robbie"
  },
  "IRE": {
   "name": "James"
  },
  "USA": {
   "name": "Austin"
  }
 };
 Object.keys(empData).map(function(eachKey) {
  const obj = {
   team: eachKey,
   name: empData[eachKey].name
  };
  console.log(obj);
  return obj;
 });
}

answered May 20, 2019 at 5:21

Devraj s

3012 silver badges7 bronze badges

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

Comments

CertainPerformance · Accepted Answer · 2019-05-20 05:15:43Z

3

.map the Object.entries instead, so you can extract both the key (to get the team and the value (so you can get the name) at once:

const empData = {
  "AUS": {
    "isRetired": true,
    "name": "John"
  },
  "CAN": {
    "name": "Steve"
  },
  "IND": {
    "name": "Robbie"
  },
  "IRE": {
    "name": "James"
  },
  "USA": {
    "name": "Austin"
  }
};
const getData = () => {
  const result = Object.entries(empData).map(([team, { name }]) => ({
    team,
    name
  }));
  console.log(result);
};

<button onclick="getData()">Get Data</button>

answered May 20, 2019 at 5:15

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Comments

Eddie · Accepted Answer · 2019-05-20 05:15:22Z

2

You can use Object.entries to convert the object into an array. Use map to loop thru the array.

Object.entries first element is the key and the second is the value.

const empData = {
  "AUS": {
    "isRetired": true,
    "name": "John"
  },
  "CAN": {
    "name": "Steve"
  },
  "IND": {
    "name": "Robbie"
  },
  "IRE": {
    "name": "James"
  },
  "USA": {
    "name": "Austin"
  }
};

var result = Object.entries(empData).map(([team, {name}]) => ({team,name}));

console.log(result);

answered May 20, 2019 at 5:15

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Comments

brk · Accepted Answer · 2019-05-20 05:35:52Z

1

You can use for..in to iterate iver the object and create a new object with relevant keys and values and push to another array

function getData() {
  const empData = {
    "AUS": {
      "isRetired": true,
      "name": "John"
    },
    "CAN": {
      "name": "Steve"
    },
    "IND": {
      "name": "Robbie"
    },
    "IRE": {
      "name": "James"
    },
    "USA": {
      "name": "Austin"
    }
  };

  let newData = [];
  for (let keys in empData) {
    newData.push({
      team: keys,
      name: empData[keys].name
    })
  }
  console.log(newData)
}

getData()

answered May 20, 2019 at 5:35

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

Create an array of objects from a nested object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related