How to get data from JsonArray within Array using Javascript/JQuery?

Question

I'm having the service response like,

{
 "Name": [
 [{
 "Key": "A",
 "Value": "Sample1"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample2"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample3"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample4"
 }
 ]
 ],
 "Title": "Office"
}

I need the output as Value field.

I tried lot of ways.But not getting any solutions. Please help me..

Answer 1

Try this:

var obj = {"Name":[[{"Key":"A","Value":"Sample1"}],[{"Key":"A","Value":"Sample2"}],[{"Key":"A","Value":"Sample3"}],[{"Key":"A","Value":"Sample4"}]],"Title":"Office"}
$.each( obj.Name, function( key, d ) {
 console.log( key + ": " + d[0].Value );
});

Answer 2

var data= {"Name":[[{"Key":"A","Value":"Sample1"}],[{"Key":"A","Value":"Sample2"}],[{"Key":"A","Value":"Sample3"}],[{"Key":"A","Value":"Sample4"}]],"Title":"Office"}; 
var output = [];
for(var i = 0;i<data.Name.length;i++) // data is your JSON response
 output.push(data.Name[i][0].Value);
alert(output);

Fiddle for your Reference

Answer 3

Please have a look on this jsfiddle http://jsfiddle.net/2dJAN/16/

var fields= {
 "Name": [
 [{
 "Key": "A",
 "Value": "Sample1"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample2"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample3"
 }
 ],
 [{
 "Key": "A",
 "Value": "Sample4"
 }
 ]
 ],
 "Title": "Office"
}
$.each(fields['Name'], function(index, value) {
$.each(value, function(index, innervalue) {
alert(innervalue['Value'])
});
});