当前位置: 首页 > 知识库问答 >
问题:

前端 - 数据结构定义为数组对象,每个对象里面又包含了对象,怎么获取子对象里面的某个属性?

刘选
2023-06-05
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个答案

芮瑾瑜
2023-06-05

的你的题目代码中返回return log是什么鬼

随便一数组对象举个例子:

const array = [
  { id: 1, name: 'a', detail: { age: 18, address: '111' } },
  { id: 2, name: 'b', detail: { age: 20, address: '222' } },
  { id: 3, name: 'c', detail: { age: 22, address: '333' } },
];

const ages = array.map((item) => item.detail.age);
console.log(ages); // 输出:[18, 20, 22]
 类似资料:
  • 问题内容: 问题在于确定以下符号之间的权衡: 基于JSON : 基于数组 : 关于同一问题的这篇文章,我已经决定(在前端)使用JSON对象表示法而不是对象数组,因为它符合我的要求,更好的性能和更少的浏览器代码。 但是问题在于列表本身不是静态的。我的意思是,该列表正在生成,即从DB(NoSQL)获取/存储,并通过服务器上的JavaAPI为新条目创建。我无法决定在后端应使用哪种表示法(最终也会影响UI

  • 假设我有以下内容 这会产生如下所示的数组 我可以做一个级别,但是多个杠杆怎么样?我的伪代码类似于 但是对于无限的势能级,我该怎么做呢?

  • 我希望在每个数组中获取多个对象,但我的代码显示了单个对象的操作。下面是我的PHP代码,我如何添加另一个循环来获取多个对象 这是显示单个物体的结果

  • 我使用Nodejs,有一个对象包含一个object数组(API请求的结果)和一个简单的值数组。 它们看起来是这样的: 如何将包含对象数组的对象与简单数组进行比较? 我要找的是,从简单数组中获取ID,并将它们与另一个“复杂”对象进行比较,以检索属性以及简单数组中的相应ID和另一个对象属性,然后将结果存储在一个对象数组中。 简单来说,我希望有这样的结果: 当从API请求中检索“复杂”对象时,我尝试了以

  • 我发现自己经常遇到这种模式。我有一个从api中返回的对象数组,我只需要操作所有对象中的一个属性。 有没有办法使用ES6/Babel或Typescript让该模式更具声明性? 寻找一些巧妙的破坏技巧或类似的东西。

  • 本文向大家介绍JavaScript 里的类数组对象,包括了JavaScript 里的类数组对象的使用技巧和注意事项,需要的朋友参考一下 很早以前我就知道可以把 arguments 转化为数组:[].slice.call(arguments),因为 arguments 是个类数组对象,所以才可以这么用。但是我一直不清楚什么叫做类数组对象( array-like objects) 今天看 Effect