javascript - 在对象内循环 json 对象

Question

我知道这个问题已被问过一千次，但我一直无法找到有助于我构建 json 对象的方式的解决方案。可能是我的结构有误。

这是我的 json:

check_styles = {
    'html':{
        'background-color':'rgb(0, 0, 0)',
        'color':'rgb(0, 0, 0)'
    },
    '#my-div':{
        'background-color':'rgb(0, 0, 0)'
    }
};

我想循环并获取值 'html', 'background-color', 'rgb(0, 0, 0)' 然后是 'html', 'colour' , 'rgb(0, 0, 0)' 等发送到函数。

到目前为止，这是循环，但我无法在对象中获取对象的值。我不认为另一个循环是答案。

function style_check(styleList)
{

    for (var key in styleList) {
        if (styleList.hasOwnProperty(key) ){
            console.log( "key:"+key+", val:"+styleList[key] );
        }
    }

}

****我的解决方案

在 3 种不同的完全有效的解决方案之后，我选择了一个嵌套循环，因为我对 javascript 的了解有限，这对我来说很有意义。

function style_check(styleList)
{
    for (var selector in styleList) {
        if (styleList.hasOwnProperty(selector) ){
            for (var property in styleList[selector]) {
                if (styleList[selector].hasOwnProperty(property) ){
                    console.log( "selector:"+selector+", property:"+property+", value:"+styleList[selector][property] );
                }
            }
        }
    }
}

Answer 1

是的，嵌套循环就是答案。

function style_check(styleList)
{
    for (var key in styleList) {
        if (styleList.hasOwnProperty(key) ){
            console.log( "key:"+key+", val:"+styleList[key] );
            var obj = styleList[key];
            for (var objkey in obj){
                if (obj.hasOwnProperty(objkey)){
                    console.log("key2:"+objkey+",val:"+obj[objkey]);
                }
            }
        }
    }
}

检查这个fiddle