Iterate and call methods inside array-like objects

Question

I've got this object-structure and would like to iterate over all direct child objects of obj and call their myMethod method. While for...in iterates over them correctly I always get this error o.myMethod is not a function

Here is a JSFiddle

obj = {
    test1: {
        "name": "test1string",
        "myMethod": function(){
            console.log("test 1 method called")
        }
    },
    test2: {
        "name": "test2string",
         "myMethod": function(){
            console.log("test 2 method called")
        }
    }
};

for (var o in obj) {
    console.log(o.name());
    o.myMethod();
}

How can I achieve the wanted behaviour?

VisioN · Accepted Answer · 2015-10-14 10:48:57Z

4

This happens because o in your for loop corresponds to keys and not to values.

To get the value use square-bracket notation: obj[o].myMethod();.

answered Oct 14, 2015 at 10:48

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

Bartek Banachewicz · Accepted Answer · 2015-10-14 10:48:50Z

2

obj[o].myMethod(). for .. in gives you names of members, not the values.

answered Oct 14, 2015 at 10:48

Bartek Banachewicz

39.5k8 gold badges100 silver badges141 bronze badges

Comments

Akshendra Pratap · Accepted Answer · 2015-10-14 10:52:20Z

1

Use it like this obj[o].name. Here's the updated fiddle

answered Oct 14, 2015 at 10:52

Akshendra Pratap

2,0401 gold badge14 silver badges28 bronze badges

Collectives™ on Stack Overflow

Iterate and call methods inside array-like objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related