How do I loop over a JSON Object in Javascript?

Question

I have the following JSON structure: -

Afghanistan
    : { latitude: "33.93911", longitude: "67.709953" }
American Samoa
    : { latitude: "-14.270972", longitude: "-170.132217" }
Australia
    : { latitude: "-25.274398", longitude: "133.775136" }

How do I loop through it using Javascript or Jquery and get all the values like Australia, latitude, longitude etc?

I am creating above JSON format from json_encode function in PHP.

Here is the original Array format from which I am creating JSON format: -

array (size=94)
  'India' => 
    array (size=2)
      'latitude' => string '20.593684' (length=9)
      'longitude' => string '78.96288' (length=8)
  'Pakistan' => 
    array (size=2)
      'latitude' => string '30.375321' (length=9)
      'longitude' => string '69.345116' (length=9)

Possible duplicate of looping over a json object array with jquery — kero
– kero, Commented Mar 13, 2017 at 10:49
@guradio can you please elaborate more or give me any working example on how to use .each loop to get all values like country name, latitude, longitude etc. — junaid afzal
– junaid afzal, Commented Mar 13, 2017 at 10:50

mplungjan · Accepted Answer · 2017-03-13 10:52:48Z

0

Use the following JS code after fixing your JSON with quotes and commas:

var countries = {
  "Afghanistan": {
    "latitude": "33.93911",
    "longitude": "67.709953"
  },
  "American Samoa": {
    "latitude": "-14.270972",
    "longitude": "-170.132217"
  },
  "Australia": {
    "latitude": "-25.274398",
    "longitude": "133.775136"
  }
}
for (var country in countries) {
  values = countries[country];
  console.log('Country: ', country);
  console.log('Latitude: ', values.latitude);
  console.log('Longitude: ', values.longitude);
}

edited Mar 13, 2017 at 10:52

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Mar 13, 2017 at 10:48

Mircea Soaica

2,8171 gold badge17 silver badges25 bronze badges

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

2 Comments

junaid afzal Over a year ago

How I fix my JSON to use your code?? Because my values are dynamic and I am getting values through Ajax. Right I have more than 20 entries in my JSON. How I fixed that?

Mircea Soaica Over a year ago

You don't need to fix anything if you receive the JSON data from an AJAX call

Rana Ghosh · Accepted Answer · 2017-03-13 11:00:41Z

0

Assuming your var countries holding your AJAX response country JSON. Use below code to solve your problem::

var countries = {
	"Afghanistan": {
		"latitude": "33.93911",
		"longitude": "67.709953"
	},
	"American Samoa": {
		"latitude": "-14.270972",
		"longitude": "-170.132217"
	},
	"Australia": {
		"latitude": "-25.274398",
		"longitude": "133.775136"
	}
}
$.each(countries, function (index, value) {
	console.log("Country=>" + index + ", Latitude=>" + value.latitude + ", Longitude=>" + value.longitude);
});

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

answered Mar 13, 2017 at 11:00

Rana Ghosh

4,6745 gold badges25 silver badges40 bronze badges

3 Comments

junaid afzal Over a year ago

Thanks for your answer. can I talk to you on chat?

Rana Ghosh Over a year ago

@junaidafzal yap why not.

junaid afzal Over a year ago

@RanaGosh I am not seeing any chat link on your profile?

Collectives™ on Stack Overflow

How do I loop over a JSON Object in Javascript?

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related