【仅记录】前端-取对象中的元素名称

 （从后端拿到的数据如下所示）

需求是，根据里面不同的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:[{...}] }
    })
})