Javascript 将对象显示为列表

Javascript 将对象显示为列表,javascript,vue.js,Javascript,Vue.js,我有一个目标: cars: { number': 1, 'overload': 1,'brand': {'0': {'porsche': [{'price': 10, 'id': 0}],'vw': [{'price': 20, 'id': 1}]}}}, 我想将其显示为列表(第一个键的示例) 我该怎么做呢?我想你要找的是 obj = {"0":{"color":[{"red":1,"value":100}],"brand":[{"id":0,"price":100}]}, "1":

我有一个目标:

cars: {
    number': 1, 'overload': 1,'brand': {'0': {'porsche': [{'price': 10, 'id': 0}],'vw': [{'price': 20, 'id': 1}]}}},
我想将其显示为列表(第一个键的示例)


我该怎么做呢?

我想你要找的是

obj = {"0":{"color":[{"red":1,"value":100}],"brand":[{"id":0,"price":100}]},
 "1":{"color":[{"blue":1,"value":100}],"brand":[{"id":0,"price":100}]},
 "2":{"color":[{"green":1,"value":100}],"brand":[{"id":0,"price":100}]},
 "3":{"color":[{"yellow":1,"value":100}],"brand":    [{"id":0,"price":100}]}
}
Object.keys(obj).forEach(function(key,index) {
  // key: "0", "1", "2", "3" in your case
  console.log(obj[key])
});
你也可以

for (var key in obj) {
   console.log(obj[key])
}

这将为您提供您想要的具有“颜色”和“品牌”属性的对象

下面的代码将显示您想要的内容,我认为,但就灵活性而言,您可以创建子组件并将这些项目作为道具传递,以获得更多控制。我只是想用一种简单的方式来说明在Vue中迭代结构实际需要做什么

newvue({
el:“#应用程序”,
数据(){
返回{
obj:{“0”:{“颜色”:[{“红色”:1,“价值”:100}],“品牌”:[{“id”:0,“价格”:100}],
“1”:{“颜色”:[{“蓝色”:1,“价值”:100}],“品牌”:[{“id”:0,“价格”:100}],
“2”:{“颜色”:[{“绿色”:1,“价值”:100}],“品牌”:[{“id”:0,“价格”:100}],
“3:{“颜色”:[{“黄色”:1,“价值”:100}],“品牌”:[{“id”:0,“价格”:100}],
},
};
}
})

{{rowid}}
{{listid}}:{{listvalue}

到目前为止您尝试了什么?Object.entries,Object.keys但没有结果查看请添加涉及
Object.keys
Object.entries的代码,这些代码无法创建一个对象,但我在对象中有数组,我想在另一行上显示如何才能像在Vue中一样显示?是的,差不多了,但我的目标错了。我更新code@TheDevGuy您已经更改了您的问题,因此json不再匹配-但问题仍然没有得到回答。。。同样的过程也适用。
for (var key in obj) {
   console.log(obj[key])
}