如何使用jQuery操作JSON多维数组

Question

在将JSON字符串转换为使用jQuery访问Color属性的对象后，您将如何迭代该JSON字符串?

[{"Puff":[{"Color":"Gray"},{"Color":"Blue"}]},{"Puff":[{"Color":"DarkRed"}]},{"Puff":[{"Color":"DarkBlue"},{"Color":"Yellow"}]}]

Answer 1

您有一个对象数组，它们都有一个名为"Puff"的键，该键包含另一个对象数组。

$.each(x, function(i) {
    console.log(i);
    $.each(this.Puff, function() {
       console.log(this.Color);
    });
});
0
Gray
Blue
1
DarkRed
2
DarkBlue
Yellow

Answer 2

我会选择非jquery: http://jsfiddle.net/xguyj/

var x = [{"Puff":[{"Color":"Gray"},{"Color":"Blue"}]},{"Puff":[{"Color":"DarkRed"}]},{"Puff":[{"Color":"DarkBlue"},{"Color":"Yellow"}]}];
for(var i = 0; i < x.length; i++){
    for(var t = 0; t < x[i].Puff.length; t++) {
         console.log(x[i].Puff[t].Color);
    }
}

Answer 3

yourObject[someIndex].Puff[someOtherIndex].Color