数据结构定义为数组对象，每个对象里面又包含了对象，怎么获取子对象里面的某个属性？

作者站长头像
站长
· 阅读数 6
async getAllData () {
      const { data: res } = await this.$http.get('http://127.0.0.1:4523/m1/2452239-0-default/api/tabledata')
      console.log(res)

这是获取到的数组数据

(4) [{…}, {…}, {…}, {…}]
0: age: {content: '81', show: true}
   city: {content: '新疆维吾尔自治区 喀什地区', show: false}
   name: {content: '陈伟', show: false}
   tel: {content: '18183477152', show: true}
   [[Prototype]]: Object
1: {name: {…}, age: {…}, city: {…}, tel: {…}}
2: {name: {…}, age: {…}, city: {…}, tel: {…}}
3: {name: {…}, age: {…}, city: {…}, tel: {…}}
length: 4
[[Prototype]]: Array(0)

想要获取子对象里面的每个对象里面的属性内容，打印出 undefined

async getAllData () {
      const { data: res } = await this.$http.get('http://127.0.0.1:4523/m1/2452239-0-default/api/tabledata')
      console.log(res)
      this.tableData = res.map(item => {
        return console.log(Object.keys(item).map(key => {
          return res[key]
        }))
      })
(4) [undefined, undefined, undefined, undefined]
0: undefined
1: undefined
2: undefined
3: undefined
length: 4
[[Prototype]]: Array(0)
回复
1个回答
avatar
test
2024-07-02
async getAllData () {
  const { data: res } = await this.$http.get('http://127.0.0.1:4523/m1/2452239-0-default/api/tabledata')
  console.log(res)
  this.tableData = res.map(item => {
    return Object.keys(item).map(key => {
      return item[key].content; // 获取子对象的 content 属性
    })
  })
  console.log(this.tableData);
}

获取：

return key === 'age' ? item[key].content : null;
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容