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

Question

在使用 jQuery 将其转换为对象以访问 Color 属性后，您将如何迭代此 JSON 字符串？

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

Answer 1

yourObject[someIndex].Puff[someOtherIndex].Color

Answer 2

您有一个对象数组，它们都有一个名为“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 3

我会选择非 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);
    }
}