如何显示js对象名称及其所有属性值

Question

我有这样的对象

var savedColor = {
"plat1" : {
"background" : "rgb(0,0,0)",
"text" : "rgb(255,255,255)"
},
"plat2" : {
"background" : "rgb(0,50,50)"
"text" : "rgb(0,0,0)"
}
}

我想显示这样的输出：

plate1
rgb(0,0,0)
rgb(255,255,255)
plate2
rgb(0,50,50)
rgb(0,0,0)

我试过这个代码：

for(var x in savedColor){
console.log(savedColor[x]);
for(var y in savedColor[x]){
console.log(savedColor[y]);
}
}

但是输出并不像我想要的那样。输出：

[Object object]
undefined
undefined
[Object object]
undefined
undefined

我如何才能像上面所说的那样显示输出？

Answer 1

使用Object.entries获取外部密钥(可以打印(和对象，然后迭代内部对象的Object.values并打印：

var savedColor = {
"plat1" : {
"background" : "rgb(0,0,0)",
"text" : "rgb(255,255,255)"
},
"plat2" : {
"background" : "rgb(0,50,50)",
"text" : "rgb(0,0,0)"
}
}
for (const [key, obj] of Object.entries(savedColor)) {
console.log(key);
for (const value of Object.values(obj)) {
console.log(value);
}
}