Getting undefined values from Javascript object

Question

I am trying to get a property value of a Javascript object.

My code goes like this:

for (key in map.regions) {
    console.log(key);
    console.log(states);
    console.log(states.key);
}

The variable key will be something like, "US-VA"

The variable states should look something like this:

Object {US-VA: Object, US-PA: Object, US-TN: Object, US-ID: Object, US-NV: Object…}

(This is from Chrome).

However whenever I use console.log on states.key - which should get the object that the key represents, I instead get undefined.

What am I doing wrong here? How do I get the values from the states variable that correspond with the value in key?

Trott · Accepted Answer · 2015-04-25 22:00:16Z

5

If your browser console log is showing that states is defined like you say, use states[key] instead of states.key.

states.key will find the property with the literal key "key".

states[key] will find the property with the key that has the value of the variable key.

answered Apr 25, 2015 at 22:00

Trott

70.6k27 gold badges184 silver badges218 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:22:07Z

0

You need to use Bracket notation here to get value by key

console.log(states[key]);

CommunityBot

11 silver badge

answered Apr 25, 2015 at 22:04

Karan Patyal

4914 silver badges8 bronze badges