javascript - 如何访问另一个对象内的对象？

Question

下面是名为 data 的嵌套对象。在这里，我想显示所有对象的键和值。为此，我编写了如下代码：

var data = {
       response: {
           deals: [
                    {
                    id: 1,
                    color: {
                          id: 608290
                       }
                    }
                 ]
              }
          };

使用下面的代码，我可以访问对象交易的“id”，即键，其值为 1，但为颜色提供 [object object]，因为它有自己的键和值，即 id:608290。我也想展示它。请对代码进行一些更改，以在交易中获取颜色对象的键和值。

for(var i = 0; i <= data.response.deals.length-1;i++){
    $.each( meta.response.deals[i], function( key, value ) {
        alert( key + ": " + value );
});

Answer 1

此代码将通过对象的数组运行。使用循环，您可以对交易做任何您想做的事情。

var data = {
    response: {
        deals: [{
            id: 1,
            color: { id: 608290 }
        },
        {   id: 2,
            color: { id: 123456 }
        },
        {   id: 9001,
            color: { id: 456789 }
        }]
    }
};

for (var i in data.response.deals) {
    var obj = data.response.deals[i];
    console.log(obj);

    // obj.id       => current ID
    // obj.color.id => color's ID
}

日志：

{"color": {"id": 608290}, "id": 1}
{"color": {"id": 123456}, "id": 2}
{"color": {"id": 456789}, "id": 9001}

现场示例：http: //jsbin.com/ipeful/4

Answer 2

$.each(data.metal.deals,function(i,item){

        // alert("id:"+item.id+" color:"+item.color.id);

});

Answer 3

var data = { metal: { deals: [ { id: 1, color: { id: 608290 } } ] } };

$.each(metal.deals,function(index,item){

 $.each(item,function(itemIndex,value)
{
//process your sub items


});
});

谢谢，

湿婆

Answer 4

尝试这个

        $.each(data.response.deals, function(index, item)
        {
            //item is the object you have in the array
            //item.id ==> The id value in the object
            //item.color.id ==> The id value in the color object
        });

Answer 5

您可以使用这样的递归函数：

function deepTraverse(obj, indent) {
    var str = "";
    for (var key in obj) {
        var newIndent = indent + "&nbsp;&nbsp;&nbsp;&nbsp;";     // <-- for formatting only
        str += newIndent + key + ": ";
        str += (typeof obj[key] != "object")
                ? obj[key] + "<br />"
                : "<br />" + deepTraverse(obj[key], newIndent);
        if (typeof obj[key] != "object") {
            alert(key + ": " + obj[key]);
        }
    }
    return str;
}

另请参阅这个简短的演示。