Array inside json array

Question

I got result like

{"ID":1022,"Type":"type1","Name":"name1","Values":[{"ID":3540,"Name":"1"},{"ID":3541,"Name":"2"},{"ID":3542,"Name":"cb"}]}

so on success i got function like this

 success: function(data) {
 $.each(data, function() {
 $('#properties').append(
 this.ID + "," +
 this.Name + "," +
 this.type + "," +
 this.values
 );
 });
 }

but "values" is another array, so how to show it?

Answer 1

//get the total length of values array.
this.Values.length;
for ( var i = 0 ; i < this.Values.length; i++ ){
 var resultId= this.Values[i].ID;
 var resultName = this.Values[i].Name;
}

This works.

Answer 2

I believe this.Values[0].ID should return the ID from the first element correctly.

You could also loop through each item in the array and access it in the same way.

for (var i = 0; i < this.Values.length; i++) {
 alert(this.Values[i].ID); //Show an alert for each ID.
}

• webnoob: I made a small change to use this.values[i] which should work now.

Answer 3

this.values[0].ID may work, however, I'm not completely sure. I guess there's no harm in trying, though.

Answer 4

I am not quite sure what the value of this is inside the inner-most function, but it is probably not what you want it to be. In order to pass a variable to a function when it is created, instead of when it is called, you should wrap it with another function like this:

{
 success: function(data) {
 $.each(data, (function(dat) { return function(index, value) {
 $('#properties').append(
 value.ID + "," +
 value.Name + "," +
 dat.type + "," +
 dat.values
 );
 }; ) (data));
 }
};