Javascript For each json

Question

I'm making a call via ajax javascript to a page (ASP) that returns a json with which I would then go to a select value

the json that I returned is of this type

{
  "options": {
    "1": "All locations", 
    "2": "Egypt", 
    "3": "El Alamein", 
    "4": "Marsa matrouh", 
    "5": "Sharm el sheikh "
  }
}

or

{
  "options": {
    "1": "All locations", 
    "2": "Abu dhabi", 
    "3": "Dubai"
  }
}

I don't know the length and the elements that are contained then I would make a loop that allows me to extract the values which then will insert the value and label

I'm looking at the net but the examples shown are always with the field name to be recalled that I could not learn about not knowing the length

could someone kindly show me how this cycling json

if you use jquery try `$.each()` – Raja Mar 31 '15 at 10:19 — Raja, Mar 31 '15 at 10:19

score 15 · Accepted Answer · answered Mar 31 '15 at 10:19

15

var obj = {"options": {"1": "All locations", "2": "Egypt", "3": "El Alamein", "4": "Marsa matrouh", "5": "Sharm el sheikh "}}

for(var item in obj.options) {
  console.log(obj.options[item]);
}

answered Mar 31 '15 at 10:19

jmgross

2,306
1
20
24

More quick than me :-) – csblo Mar 31 '15 at 10:21
Thanks for your help. I would add that I run a parse data that come back from the ajax call var obj = JSON.parse (myJsonAjax) – Kevin Mar 31 '15 at 10:49

score 5 · Answer 2 · edited May 23 '17 at 11:50

5

For iterating over dictionary you can sue this:

var dict = obj.options;
Object.keys(dict).forEach(function(key) {
    console.log(key +': '+ dict[key]);
});

to know only the length you can simply use:

Object.keys(dict).length;

I think that here you can find more answers: How do I loop through or enumerate a JavaScript object?

edited May 23 '17 at 11:50

Community

1
1

answered Mar 31 '15 at 10:20

Beri

11,470
4
35
57

score 1 · Answer 3 · answered Mar 31 '15 at 10:20

Use a for in loop

var obj = {"options": {"1": "All locations", "2": "Egypt", "3": "El Alamein", "4": "Marsa matrouh", "5": "Sharm el sheikh "}};

var ul = document.querySelector('ul');
for (var index in obj.options) {
  var li = document.createElement('li')
  ul.appendChild(li);
  li.innerHTML = index + ": " + obj.options[index];
   
}

<ul ></ul>

score 1 · Answer 4 · answered Mar 31 '15 at 10:22

1

it is too easy to use a for loop

var obj = {"options": {"1": "All locations", "2": "Egypt", "3": "El Alamein", "4": "Marsa matrouh", "5": "Sharm el sheikh "}};

for(key in obj.options) {
   console.log(key, obj.options[key]);
}

answered Mar 31 '15 at 10:22

Khalid

4,730
5
27
50

Javascript For each json

4 Answers4