Javascript call methods from nested objects in loop

Question

I believe this is pointing to the wrong object but cannot figure out how to loop through an object and on each iteration, call a method from that nested object .

Example:

var obj = {
  one: {
    id: 1,
    name: 'one',
    getName: function() {
      return this.name();
    }
  },
  two: {
    id: 2,
    name: 'two',
    getName: function() {
      return this.name();
    }
  }
};

for (var key in obj) {
  console.log(key.getName());
}

This returns the error Object one has no method getName . How can I access that nested method ?

Answer 1

You need to access the inner object using the key. Also, return name as a property, not a method call

 var obj = { one: { id: 1, name: 'one', getName: function() { return this.name; } }, two: { id: 2, name: 'two', getName: function() { return this.name; } } }; for (var key in obj) { console.log(obj[key].getName()); }