实体类多层嵌套 遍历_对象遍历,多层嵌套数组,for in方法对象遍历,map方法数组遍历...

// 数据格式

objData: {

code: 0,

data: [

{

msg: "200",

data: [

{

name: "张三",

age: 18,

sex: "男"

}

]

},

{

msg: "200",

data: [

{

name: "张气",

age: 11,

sex: "男"

}

]

},

{

msg: "200",

data: [

{

name: "张五",

age: 12,

sex: "女"

}

]

},

{

msg: "200",

data: [

{

name: "张六",

age: 14,

sex: "女"

}

]

},

]

},

// 需求是想只拿到里面的name

遇到这种情况,对象嵌套数组,数组又嵌套对象...

那么for in方法是可以遍历对象的;而遍历数组的话可以用map(或者用其他的数组遍历方法)

for (let key in this.objData) { // 遍历对象

console.log(key); // 每一个属性

if(key == "data"){ // 只有属性是data

console.log(this.objData[key]); // 拿到每一个属性值(此时拿到的是一个数组了)

this.objData[key].map(item => { // 遍历数组

// 每个item又是一个对象,既然是对象就可以直接点语法或者中括号语法了

// item.data又变成一个数组了,因为里面只有一个值,那么数组的话直接[0]就可以拿到了

console.log(item.data[0].age); // 拿到了最里面的对象的age

return item.data[0].age;

// 可以拿个数组把age接收起来,完成这个对象与数组嵌套取值了

})

}

}

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值