how to get all the keys from nested object

Question

I have nested object it contains random data types like string, number , array , etc.

for example,

const exampleObj = {
name : "william",
age : 23,
habbits : ["studying","running"],
authInfo : {
email : "william@gmail.com",
password : "foo@123"
}
}

how to get all the keys from above example like this,

["name","age","habbits","authInfo.email","authInfo.pasword"]

The object structure should be change to any nested type.

Thanks adavance !!!

I just needs only keys from the object – Robin Rogh Apr 29 '21 at 17:38 — Robin Rogh, Apr 29 '21 at 17:38

Sergey · Answer 1 · 2021-04-29T18:18:17.157

0

function getAllKeys(){
  const exampleObj   = {
    name : "william",
    age : 23,
    habbits : ["studying","running"],
    authInfo : {
    email : "william@gmail.com",
    password : "foo@123"
    }
  }

  const fn = exampleObj  => {
    const keys = [];
    Object.keys({...exampleObj }).forEach(key => {
      keys.push(key);
      if (typeof exampleObj [key] == 'object') {      
        if(!Array.isArray(exampleObj [key])) keys.push(...fn(exampleObj [key]))
      }
    })
    return keys
  }

  console.log(fn(exampleObj ))
}
//> Array   [ 'name', 'age', 'habbits', 'authInfo', 'email', 'password' ]

edited Apr 29 '21 at 18:18

answered Apr 29 '21 at 17:38

Sergey

1,111
5
7

This does not include the nested keys. – Rojo Apr 29 '21 at 17:43
The code was corrected - now it outputs all the keys of the object – Sergey Apr 29 '21 at 18:19

score 0 · Answer 2 · answered Apr 29 '21 at 18:39

for( x = 0; x < exampleObj.length; x++) {
    div = document.createElement('div');
    p = document.createElement('p');
    p.innerText = exampleObj[x].name;
    div.appendChild(p);

    p = document.createElement('p');
    p.innerText = exampleObj[x].age;
    div.appendChild(p);
}

like this for all your keys

how to get all the keys from nested object

2 Answers2