How to return the correct values at with this array format in javascript?

Question

I have this array like this:

const tab = [
  { '1': {'id':'me'}},
  { '2': {'id':'you'}}
];

and I have created this function to get values from the last array like this:

 const ar = tab.map((user,i)=>{
  return(
      <div>
      <p>{tab[i][1].id.toString()}</p>
      </div>
    )
     });

Note:

I want to get the right values of the id without changing '1' or '2' because if I changed the '1' or '2' to 'A' for example I can simply write tab[i].A.id.toString()

Answer 1

Something like this might work for you:

const tab = [
    { '1': { id: "me" }},
    { '2': { id: "you" }}
];

const ar = tab.map((user, i) => {
    return (
        <div>
            <p>{user[(i + 1).toString()].id}</p>
        </div>
    );
});