How to print values of nested object in javascript

Question

This is my code...

var object = {
 person1: {
 userName: person1,
 passWord: password1
 }
 person2: {
 userName: person2,
 passWord: password2
 }
 person3: {
 userName: person3,
 passWord: password3
 }
}

And I want to print all the userName of each person.

expected output...

person1
person2
person3

Answer 1

You could iterate through the object values with Object.values() and print out the userName

const object = {
 person1: {
 userName: "person1",
 passWord: "password1",
 },
 person2: {
 userName: "person2",
 passWord: "password2",
 },
 person3: {
 userName: "person3",
 passWord: "password3",
 },
}
Object.values(object).forEach((value) => {
 console.log(value.userName)
})

Answer 2

To work your code properly, you need to change couple of things. Values of userName & password should set as String since person1, person2, person3, password1, password2, password3 is undefined here.

var object = {
 person1: {
 userName: "person1",
 passWord: "password1"
 },
 person2: {
 userName: "person2",
 passWord: "password2"
 },
 person3: {
 userName: "person3",
 passWord: "password3"
 }
}
for(let person in object) {
 console.log(object[person]['userName'])
}

Answer 3

let object = {
 person1: {
 userName: 'person1',
 passWord: 'password1'
 },
 person2: {
 userName: 'person2',
 passWord: 'password2'
 },
 person3: {
 userName: 'person3',
 passWord: 'password3'
 }
}
for (const [key, val] of Object.entries(object)) {
 console.log(object[key].userName);
}