How to iterate a JSON array in JavaScript?

Question

I have this array type below. I want to repeat this array in JavaScript. How is this possible?

var dictionary = { "data": [ {"id":"0","name":"ABC"}, {"id":"1","name":"DEF"} ], "images": [ {"id":"0","name":"PQR"}, {"id":"1","name":"xyz"} ] }; 

Answer 1

You can do this with the code below. First you get a data array using dictionary.data and assign it to a data variable. After that, you can repeat it using the regular for loop. Each row will be a row object in the array.

 var data = dictionary.data; for (var i in data) { var id = data[i].id; var name = data[i].name; } 

You can follow a similar approach to iterate over an array of images.

Answer 2

There too (new for EcmaScript5):

 dictionary.data.forEach(function(item){ console.log(item.name + ' ' + item.id); }); 

The same approach for images

Answer 3

Something like that:

 var dictionary = {"data":[{"id":"0","name":"ABC"},{"id":"1", "name":"DEF"}], "images": [{"id":"0","name":"PQR"},{"id":"1","name":"xyz"}]}; for (item in dictionary) { for (subItem in dictionary[item]) { console.log(dictionary[item][subItem].id); console.log(dictionary[item][subItem].name); } } 

Answer 4

Use notation notes and / or brackets to access object properties and for loops to iterate arrays:

 var d, i; for (i = 0; i < dictionary.data.length; i++) { d = dictionary.data[i]; alert(d.id + ' ' + d.name); } 

You can also iterate over arrays with for .. in loops; however, properties added to Array.prototype may be displayed, and you may not necessarily receive the elements of the array in the correct order or even in any sequential order.

Answer 5

 for(index in dictionary) { for(var index in dictionary[]){ // do something } } 

Answer 6

 for(var foo in dictionary){ for(var bar in dictionary[foo]){ for(var baz in dictionary[foo][bar]){ // do something... console.log(foo + ' > ' + baz + ' > ' + dictionary[foo][bar][baz]); } } } 

FYI: Arrays <-> Objects syntactically replaced in Javascript.

Answer 7

 var dictionary = { "data":[{"id":"0","name":"ABC"}, {"id":"1","name":"DEF"}], "images": [ {"id":"0","name":"PQR"},"id":"1","name":"xyz"}] }; for (var key in dictionary) { var getKey = dictionary[key]; getKey.forEach(function(item) { console.log(item.name + ' ' + item.id); }); } 

Answer 8

Using a for and foreach loop

 var dictionary = { data: [{ id: "0", name: "ABC" }, { id: "1", name: "DEF" }], images: [{ id: "0", name: "PQR" }, { id: "1", name: "xyz" }] }; dictionary.data.forEach(item => { console.log(item.id + " " + item.name); }); for (var i = 0; i < dictionary.data.length; i++) { console.log(dictionary.data[i].id + " " + dictionary.data[i].name); } 

Answer 9

Here are all the options you have:

1. for...of (ES2015)

 var dictionary = { "data": [ {"id":"0","name":"ABC"}, {"id":"1","name":"DEF"} ], "images": [ {"id":"0","name":"PQR"}, {"id":"1","name":"xyz"} ] }; for (const entry of dictionary.data) { console.log(JSON.stringify(entry)) } 

2. Array.prototype.forEach (ES5)

 var dictionary = { "data": [ {"id":"0","name":"ABC"}, {"id":"1","name":"DEF"} ], "images": [ {"id":"0","name":"PQR"}, {"id":"1","name":"xyz"} ] }; dictionary.data.forEach(function(entry) { console.log(JSON.stringify(entry)) }) 

3. for() (ES1)

 var dictionary = { "data": [ {"id":"0","name":"ABC"}, {"id":"1","name":"DEF"} ], "images": [ {"id":"0","name":"PQR"}, {"id":"1","name":"xyz"} ] }; for (let i = 0; i < dictionary.data.length; i++) { console.log(JSON.stringify(dictionary.data[i])) }