Arrays of Objects

by Joe Saad

HTML

<div></div>

<p></p>

JavaScript

var countries = [
	{
		"country" : "Armenia",
		"capital" : "Yerevan"
	},
	{
		"country" : "Romania",
		"capital" : "Bucharest"
	},
	{
		"country" : "Hungary",
		"capital" : "Budapest"
	},
	{
		"country" : "Cezch Republic",
		"capital" : "Prague"
	},
	{
		"country" : "Angola",
		"capital" : "Luanda"
	},
	{
		"country" : "Libya",
		"capital" : "Tripoli"
	},
	{
		"country" : "Zambia",
		"capital" : "Lusaka"
	},
	{
		"country" : "United States of America",
		"capital" : "Washington DC"
	},
	{
		"country" : "Bulgaria",
		"capital" : "Sofia"
	},
	{
		"country" : "Egypt",
		"capital" : "Cairo"
	}
]

/*
arr = jQuery.map( countries, function( co, ct ) {
  return co.capital + ct;
});

var tArr = JSON.parse(arr.join( ", " ));

$( "div" ).text( tArr  );
*/
var countriesArray = $.map(countries, function (value, key) { return { value: countries.country, data: countries.capital }; });

for (var i=0; i<countries.length; i++){ $('p').append(countries[i].country)}
//$('p').text(countries);

$('div').text(countriesArray.key);