get the name of the key, in array of objects - JS

Question

I have an array for instance

humans:[
  dave: {
   ...daveData
  },
  mike: { 
   ...mikeData
  }
]

now calling human[0] returns {..daveData} but how can I get the NAME of the KEY meaning 'dave' , 'mike' as a string ... sorry if I'm repeating myself, but I didn't find similar questions.

Also to say im using React to render

tags using array.map()

Answer 1

Your array is invalid, assuming from the comments your array is like this:

const humans = [
  {
   dave: 'bar' // or whatever, doesn't need to be a string
  },
  {
   mike: 'baz'
  }
];

then you could:

 const humans = [ { dave: 'bar' }, { mike: 'baz' } ]; const myKeys = humans.map(x => Object.keys(x)[0]); console.log(myKeys) 

Answer 2

You can use reduce function and spread operator .

Look at this code snippet

 var data = [{dave: {}}, {mike: {}}, {'Георги': {}}, {'Димитранов': {}}]; var results = data.reduce((a, c) => [...a, ...Object.keys(c)], []); console.log(results); 

Resources

• Array.prototype.reduce()
• Spread operator (...)