How to loop array of objects if key is dynamic in array of objects in javascript

Question

I want to access all values of an array of objects

let data = [
    { firstName1: 'a',  id: 1, email1: 'a@gmail.com'},
    { firstName2: 'b',  id: 2,  email2: 'b@gmail.com'}
  ];

 data.map(ele=> <p>{ ele.firstName}</p>)

result should be:

a
b

Answer 1

Accessing keys dynamically

let data = [
    { firstName1: 'a',  id: 1, email1: 'a@gmail.com'},
    { firstName2: 'b',  id: 2,  email2: 'b@gmail.com'}
 ];

Object.keys(data).map(key => <p>{data[key]}</p>)

Answer 2

There are multiple ways to extract key/value from objects in javascript

data.forEach( dataEle =>{  
  for (const [key, value] of Object.entries(dataEle)) {
    console.log(key +": "+ value)
  } 
})

Or another way like this

data.forEach( dataEle =>{   
  Object.keys(dataEle).forEach(key =>{
     console.log(key +": "+ dataEle[key])
  })
})