vue 数组转对象

前提：

        在项目中根据原型构造除了数据结构，但是后台返回的数据不符合数据接口，需要将数组转为对象进行数据赋值

// 自己构建的数组
numArrHB: [
    { name: '已完成/企业总数', value: '39/41' },
    { name: '待审核/重新审核', value: '2/4' },
    { name: '待上报/重新上报', value: '0/3' },
    { name: '待确认', value: '4' },
    { name: '过期上报', value: '1' }
]
// 后台返回的结构
hb: [
    {amount: 4, status: '企业总数'},
    {amount: 0, status: '已完成'},
    {amount: 0, status: '待上报'},
    {amount: 1, status: '待审核'},
    {amount: 0, status: '待确认'},
    {amount: 0, status: '过期上报'},
    {amount: 0, status: '重新上报'},
    {amount: 0, status: '重新审核'}
]

思路是将后台的数组转成对象，和我的数据进行对比赋值

将数据数据序列化为键值对map()，然后使用 方法 Object.fromEntries() 把键值对列表转换为一个对象。

const hbForm = Object.fromEntries(
    data.hb.map(({ status, amount }) => [status, amount])
)
this.numArrHB.forEach(x => {
    x.value = hbForm[x.name]
    if (x.name.indexOf('已完成') > -1) {
        x.value = hbForm['已完成'] + '/' + hbForm['企业总数']
    } else if (x.name.indexOf('待审核') > -1) {
        x.value = hbForm['待审核'] + '/' + hbForm['重新审核']
    } else if (x.name.indexOf('待上报') > -1) {
        x.value = hbForm['待上报'] + '/' + hbForm['重新上报']
    }
})

此方法只适用少量数据的处理，大数据处理需要另寻它法