js给对象循环添加多个键值

文章讲述了在前端开发中遇到的问题,即如何处理后端返回的数组对象来绑定到Vue表单的v-model。作者提供了一个简单的JavaScript函数,该函数遍历数组,将zdbm的value作为键,sjz的value作为值,构建一个新的对象,从而解决了表单回显的问题。

今天做的表单是循环出来的,回显的时候后端返回的数据是数组对象,无法直接给表单v-model绑定值,我们需要拿到返回的键值组成对象给表单绑定数据。

后端返回的数据格式(其中zdbm的value是我们想要的表单字段,sjz的value是我们想要的表单值):

 封装了一个简单的函数给对象循环添加多个键值

//data为传入的数组对象
getValue(data) {
      let obj = {}
      data.forEach((item) => {
        obj = {
          ...obj,
          [item.zdbm]: item.sjz
        }
      })
      return obj
    }

调用:

// 获取后台数据res
this.ruleFormXjxx = { ...this.getValue(res) }
console.log(this.ruleFormXjxx ,'this.ruleFormXjxx ');

处理后的数据:

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值