Loop over nested objects

Question

Found several threads to this theme, but was not able to solve my problem with them.

I have an object like this one:

 allItems: {
            item1: {
                val1: 4,
                val2: 'blaharb'
                   },
            itemxyz2: {
                val1: 76,
                val2: 'blurb'
                   }
           }

Now I simply want to put out a list like

item1 has 4 for val1 and blaharb for val2
itemxyz2 has 76 for val1 and blurb for val2

My tries so far:

console.log(allItems.item1.val1); // prints correctly '4' in the console

$.each(allItems, function(key, value) {
 console.log(key); // gives me correct key (like 'item1')
 console.log(allItems.item1.val1);// error: "undefined is not an object" - but why?!
console.log(allItems.key.val1); // same error, understandable ...
});

Would appreciate help very much, thanks!

aknosis · Accepted Answer · 2017-10-11 21:30:03Z

3

You can access your object properties with array syntax:

$.each(allItems, function(key, value) {
  console.log(allItems[key]["val1"]);
  console.log(allItems[key]["val2"]);
});

Example:

var allItems = {
  item1: {
    val1: 4,
    val2: 'blaharb'
  },
  itemxyz2: {
    val1: 76,
    val2: 'blurb'
  }
};


$.each(allItems, function(key, value) {
  console.log(allItems[key]["val1"]);
  console.log(allItems[key]["val2"]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Oct 11, 2017 at 21:30

aknosis

4,44826 silver badges35 bronze badges

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

1 Comment

BNetz Over a year ago

Thanks for the ultra-fast answer, @Aknosis - this was exactly the information I needed.

G. Nachtigal · Accepted Answer · 2017-10-11 21:35:03Z

0

You need to use the "value" option.

like:

  $.each(allItems, function(key, value) {
            console.log(key, value.val1);
            console.log(key, value.val2);
  });

answered Oct 11, 2017 at 21:35

G. Nachtigal

517 bronze badges

Collectives™ on Stack Overflow

Loop over nested objects

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related