Iterate over a JSON object in jquery

Question

I have a json object like

[ {"DisplayName":"Answer Number 1","Value":"Answer1","Option":"True"}, {"DisplayName":"Answer Number 1","Value":"Answer1","Option":"False"}, {"DisplayName":"Answer Number 2","Value":"Answer2","Option":"True"}, {"DisplayName":"Answer Number 2","Value":"Answer2","Option":"False"} ] 

I need to create 2 drop downs from this object as

Answer Number 1 -> True / False

Answer No. 2 → True / False

drop-down part. I will do it myself. I'm just confused how to iterate over this object. Can anyone bring me an example?

Answer 1

your json jsonObject objects are stored in an array. Do:

 $.each(jsonArray, function(index,jsonObject){ $.each(jsonObject, function(key,val){ console.log("key : "+key+" ; value : "+val); }); }); 

he will give you

 key : DisplayName ; value : Answer Number 1 key : Value ; value : Answer 1 key : Option ; value : true 

In any case, Anthony is right. Your structure will be difficult to manipulate

Answer 2

Use jQuery.each ()

 $.each( yourArrayOfObjects, function( index, object ){ // do your magic here }); 

Answer 3

Your JSON is invalid. What about this:

 var json = '[ {"DisplayName":"Answer Number 1","Value":"Answer1","Option":"True"}, {"DisplayName":"Answer Number 1","Value":"Answer1","Option":"False"}, {"DisplayName":"Answer Number 2","Value":"Answer2","Option":"True"}, {"DisplayName":"Answer Number 2","Value":"Answer2","Option":"False"} ]'; var jsonObject = $.parseJSON(json); //Only if not already an object $.each(jsonObject, function (i, obj) { alert(obj.DisplayName); }); 

Fiddle

Answer 4

 var json = [{ "DisplayName": "Answer Number 1", "Value": "Answer1", "Option": "True" }, { "DisplayName": "Answer Number 1", "Value": "Answer1", "Option": "False" }, { "DisplayName": "Answer Number 2", "Value": "Answer2", "Option": "True" }, { "DisplayName": "Answer Number 2", "Value": "Answer2", "Option": "False" }]; 

Repeat iteration

  for (i in json) { //json[i] is your current object inside the array, {"DisplayName":"Answer Number 1","Value":"Answer1","Option":"True"} for (key in json[i]) { // keys are DisplayName, Value, Option alert(key); alert(json[i][key]); // instead of writing object.key you can also write object[key] } }