(从后端拿到的数据如下所示)
需求是,根据里面不同的headerlist等,将这个数据放在大致的位置处,然后再根据里面不同的tools等,判断具体位置的展示框是否展示。
这就需要取对象中的headerlist等元素,并对取到的元素底下的对象中的数组进行数据循环显示。
let listData = [
{ headerlist:{
tools:[
{name:'赵',age:20},
{name:'钱',age:15},
{name:'孙',age:12},
],
update:[
{name:'李',age:16},
{name:'周',age:22},
{name:'吴',age:32},
],
},
},
{ leftlist:{
tools:[
{...}
],
update:[
{...}
],
},
{,
{ rightlist:{
[......]
}
}
]
取对象中的元素:
点击查询的值是leftlist;
let name = 'leftlist';
for(const i in listData){ // i的值是0,1,2,3....
for(const key in listData[i]){ //key的值是headerlist,leftlist....等
if(key == name) {
// 打印的就是leftlist底下的tools和update
console.log(listData[i][key])
// 输出打印:{ tools:[{...}],update:[{...}] }
})
})