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])
}