Why sometimes accessing object properties with dot notation returns undefined? [duplicate]

Question

This for-in loop I wrote is printing values of "undefined" for all of the object properties:

let user = {
  id: 1,
  name: "Some name"
};
for (let prop in user)
  console.log(prop + ": " + user.prop);

The console output:

id: undefined
name: undefined

Answer 1

You can't use a variable to access an object property that way. It thinks you are trying to access a property called "prop". The way you use a variable to get an object property by name is like this:

let user = {
  id: 1,
  name: "Some name"
};
for (let prop in user)
  console.log(prop + ": " + user[prop]);

Answer 2

user.prop is expecting an actual property named prop on the user object, something like this:

let user = {
  prop: 'not undefined'
  id: 1,
  name: "Some name"
};

I'm guessing you meant to use bracket notation to access properties?

let user = {
      id: 1,
      name: "Some name"
    };
for (let prop in user)
  console.log(prop + ": " + user[prop]);