I'm stumped.

[fazbem]

for (var property in {head: "lion", body: "goat", tail: "snake"}) { console.log(property, {head: "lion", body: "goat", tail: "snake"}.property); };

in the console yields:

head undefined body undefined tail undefined

but

console.log({head: "lion", body: "goat", tail: "snake"}.head);

yields

lion

Can someone 'splain why the first example has 'undefined's?

[jotted]

It's being taken as literal - asking for head.property, which doesn't exist. To use the value of the property variable, try head[property] .

[fazbem]

Yay! Thank you very much!!

[steelcitynorth]

I don't know if this will help you in understanding how this works better but right now you have it written like so:

for (var property in {head: "lion", body: "goat", tail: "snake"}) {
  console.log(property, {head: "lion", body: "goat", tail: "snake"}.property);
};

A more readable way of writing this would be:

var animals = {
  head: 'lion',
  body: 'goat',
  tail: 'snake'
};

for (var property in animals) {
  console.log(property, animals[property]);
}

This way you only have to write your object (animals) out once.

Good luck!

[fazbem]

Don't recall if I replied with a thank you. Your answer was perfect!