loop through Javascript object that has an array as a value

Question

My object looks like this

{
  "about.php": [
    "#topNav",
    "#botNav",
    "#employees"
  ],
    "index.php": [
    "#blah"
  ]
}

I am looping through it like so

        var validation_messages = obj;

            for (var key in validation_messages) {
               if (validation_messages.hasOwnProperty(key)) {
                   var obj = validation_messages[key];
                    for (var prop in obj) {
                      if(obj.hasOwnProperty(prop)){
                        console.log(prop + " = " + obj[prop]);
                      }
                   }
                }
            }

I am getting this result

0 = #topNav
1 = #botNav
2 = #employees
0 = #blah

I need the name of the object key not the key of the array that is in the objects value. like so:

about.php = #topNav
about.php = #botNav
about.php = #employees
index.php = #blah

I will be pushing new values into the arrays if they do not exists like so:

{
  "about.php": [
    "#topNav",
    "#botNav",
    "#employees"
  ],
    "index.php": [
    "#blah",
    "#newValue"
  ]
}

Andy · Accepted Answer · 2015-04-10 12:13:06Z

1

You're looping over the second structure incorrectly. It is an array, not an object.

for (var key in validation_messages) {
    if (validation_messages.hasOwnProperty(key)) {
        var obj = validation_messages[key];

        // use a for loop here instead of for...in
        for (var i = 0, l = obj.length; i < l; i++) {
            console.log(key + " = " + obj[i]);
        }
    }
}

DEMO

answered Apr 10, 2015 at 12:13

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

loop through Javascript object that has an array as a value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related