遍历嵌套的JSON并分配给变量
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了遍历嵌套的JSON并分配给变量相关的知识,希望对你有一定的参考价值。
关于我的question from yesterday,我研究了JSON并决定使用它。后端创建以下结构的json响应(从控制台日志):
{…}
3: {…}
0: Object { probe_id: "4", date: "19.01.2021", start_time: "13:30", … }
1: Object { probe_id: "5", date: "20.01.2021", start_time: "13:30", … }
week_end: "24.01.2021"
week_start: "18.01."
4: {…}
0: Object { probe_id: "6", date: "25.01.2021", start_time: "13:30", … }
week_end: "31.01.2021"
week_start: "25.01."
我基本上需要像响应中那样显示数据。一个标题对象(=对象3
/ 4
)显示其包含的每个对象。每个数据元素都会得到一个带有jquery的html包装器。所以我需要知道对象在哪个级别上设置适当的包装。在过去的三个小时中,我确实发疯了。那么如何遍历JSON和每个嵌套元素?
答案
我不确定您要实现什么目标,但是您似乎想遍历对象项并相应地应用更改。您可以使用recursion
执行此操作。
var data = {0:{0:{ probe_id: "4", date: "19.01.2021", start_time: "13:30"},1:{ probe_id: "3", date: "19.01.2021", start_time: "13:30"}},1:{0:{ probe_id: "6", date: "25.01.2021", start_time: "13:30" }, week_end: "31.01.2021", week_start: "25.01." }};
traverse = (obj) => {
for(const property in obj){
if(typeof obj[property] == 'object'){
traverse(obj[property]);
} else {
console.log(`Value is ${obj[property]}`);
//perform some actions here accordingly
}
}
}
traverse(data);
以上是关于遍历嵌套的JSON并分配给变量的主要内容,如果未能解决你的问题,请参考以下文章