向数组中添加对象并向对象中添加新的属性

刚才写代码碰到后端返回的数组,因为要使用Element组件中的数据表格所以要按照组件规定的格式来写,但是我没想到后端给我返回了一个数组,而这个数组包含一个对象,对象中又包含了对象,相当于一个对象嵌套,就是类似于这种图片格式(一开始手动打出的效果发现还没图片的效果好)

然后就开始想办法。。。。。。

经过相关查找与思考,下面是结果:

//首先是声明一个数组与一个对象(我是直接在Vue中的data中声明的)
  tableData: [],
  tableDataOne: {},

 接着是获取后端的数据并进行处理,res就是后端返回的结果。

下面是对返回结果进行处理:

//我用的是for循环
 for (let index = 0;index < res.data.data.tbScheduleWalls.length;index++) {

     // console.log(res.data.data.tbScheduleWalls[index].tbScheduleWall);
         //首先打印下结果看看具体类型刚才上传的图片就是结果

      this.tableDataOne =res.data.data.tbScheduleWalls[index].tbScheduleWall;
        //先把数组中的一个个大的对象循环赋给this.tableDataOne其中this是非常重要的因为它指的是当下的tableDataOne
      this.tableDataOne["academyName"] = res.data.data.tbScheduleWalls[index].academyName;
//接着是在this.tableDataOne对象中声明一个academyName属性,并立刻完成赋值 
      console.log(this.tableDataOne);//接着当然是打印一下看看结果了
      this.tableData.push(this.tableDataOne);//Then需要把对象放在this.tableData数组中供Element数据表格组件使用
      console.log(this.tableData);//最后打印一下
        }


说明:注释的部分好像比较乱,但绝对是自己的真是想法,写的不好,哈哈哈哈

以上就是我的个人见解,其实也没多看什么权威的讲解,有错误是肯定的,请各位各抒己见。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值