Looping over JSON key objects that doesn't have array

Question

I have the following JSON:

basket = {
    "Items": 3,
    "Item": {
          "iPhone 6": {
              "productId": 227,
         "url": "http://example.com/iphone6",
         "price": 299.99
           },
          "Solio Mono Solar Charger": {
          "productId": 655,
          "url": "http://website.com/solio_charger.html",
          "price": 29.95
           },
           "24 Month Warranty Package": {
             "productId": 681,
          "url": "http://website.com/24_month_warranty.html",
          "price": 129.95
           }
      },
    "Total": 459.89
}

I want to loop over the objects in basket['Item'], but the JSON does not inherently provide an array to do so, what is the best way to loop over the objects in basket['item']?

You can check this thread: http://stackoverflow.com/questions/1078118/how-do-i-iterate-over-a-json-structure — Armen, Feb 26 '16 at 19:41

score 7 · Accepted Answer · answered Feb 26 '16 at 19:42

7

You can use Object.keys() to get all property names of object and then iterate it with Array.prototype.forEach():

 Object.keys(basket.Item).forEach(function(key) {
      console.log(item);
      console.log(basket.Item[key]);
 });

answered Feb 26 '16 at 19:42

madox2

49,493
17
99
99

score 5 · Answer 2 · answered Feb 26 '16 at 19:41

You can use for...in for that.

var obj = {
  cat: 'meow',
  dog: 'woof'
}

for (attr in obj) {
  console.log(attr + ': ' + obj[attr])
}

Which will appropriately log:

cat: meow
dog: woof

Here's a JSFiddle for your object.

You can also use Object.keys() but it's only supported in IE >= 9.

score 1 · Answer 3 · answered Feb 26 '16 at 19:46

1

You can use for in:

for (var property in basket['Item']) {
    var value = basket['Item'][property];
    console.log(property + ':');
    console.dir(value);
}

answered Feb 26 '16 at 19:46

luisenrike

2,742
17
23

Looping over JSON key objects that doesn't have array

3 Answers3