安河桥北278 2022-07-06 17:02 采纳率: 20%
浏览 71
已结题

后端传递过来这样格式的数据,怎样进行转换

后端接口传递来数据为这种格式数据

 {
    "code": 200,
    "data": [ { "Name": "IP等级", "AttCode": "1024", "AttValue": "IP67", "AttItemCnt": 90 },
                 { "Name": "停产","AttCode": "1000", "AttValue": "是", "AttItemCnt": 209 },
                 { "Name": "工作电压", "AttCode": "1025", "AttValue": "3.0A", "AttItemCnt": 9 },
                { "Name": "工作电压", "AttCode": "1025", "AttValue": "4.0A", "AttItemCnt": 3 },
                { "Name": "工作电压", "AttCode": "1025", "AttValue": "7.0A", "AttItemCnt": 8},
                { "Name": "工作电压", "AttCode": "1025", "AttValue": "12.0A", "AttItemCnt": 9 },
                { "Name": "接头A种类", "AttCode": "1004", "AttValue": "M8", "AttItemCnt": 303 },
                { "Name": "接头A种类", "AttCode": "1004", "AttValue": "1/2\"","AttItemCnt": 3 },
                { "Name": "接头A种类", "AttCode": "1004", "AttValue": "M12",  "AttItemCnt": 1225 },
                { "Name": "接头A种类", "AttCode": "1004", "AttValue": "M16", "AttItemCnt": 9 },
                { "Name": "接头材质", "AttCode": "1029", "AttValue": "NYLON", "AttItemCnt": 62 },
                { "Name": "接头材质","AttCode": "1029", "AttValue": "PBT", "AttItemCnt": 3 },
                {"Name": "接头材质", "AttCode": "1029", "AttValue": "铜镀镍",  "AttItemCnt": 25},
                { "Name": "最大接入线径", "AttCode": "1032",  "AttValue": "1.5mm2", "AttItemCnt": 84 },
                { "Name": "温度范围", "AttCode": "1015", "AttValue": "-25℃ - +85℃", "AttItemCnt": 43 },
                { "Name": "温度范围", "AttCode": "1015","AttValue": "-30℃ - +85℃", "AttItemCnt": 9 },
                { "Name": "温度范围", "AttCode": "1015", "AttValue": "-40℃ - +70℃", "AttItemCnt": 5 },
                { "Name": "线缆材质", "AttCode": "1008", "AttValue": "PP-EPDM","AttItemCnt": 23},
                {"Name": "线缆材质", "AttCode": "1008", "AttValue": "PUR", "AttItemCnt": 860 },
                { "Name": "线缆材质", "AttCode": "1008", "AttValue": "PVC", "AttItemCnt": 639 },
                {"Name": "连接方式","AttCode": "1033", "AttValue": "压接","AttItemCnt": 6 },
                { "Name": "连接方式", "AttCode": "1033", "AttValue": "拧接", "AttItemCnt": 12 },
                { "Name": "连接方式", "AttCode": "1033", "AttValue": "焊接", "AttItemCnt": 19 },
                { "Name": "针脚数", "AttCode": "1009","AttValue": "4+PE", "AttItemCnt": 20 } ],
    "message": "操作成功"
}

怎样通过前端处理将其转换为这种格式

{
    "code": 200,
    "data": [ { "Name": "IP等级", "AttCode": "1024", "AttValue": "IP67", "AttItemCnt": 90 },
                 { "Name": "停产","AttCode": "1000", "AttValue": "是", "AttItemCnt": 209 },
                 { "Name": "工作电压", "AttCode": "1025", "AttValue": "3.0A,4.0A,7.0A,12.0A", "AttItemCnt": "9,3,8,9" },
                { "Name": "接头A种类", "AttCode": "1004", "AttValue": "M8,1/2",M12,M16 "AttItemCnt": "303,3,1225,9" },
                { "Name": "接头材质", "AttCode": "1029", "AttValue": "NYLON,PBT,铜镀镍", "AttItemCnt": "62,3,25" },
                { "Name": "最大接入线径", "AttCode": "1032",  "AttValue": "1.5mm2", "AttItemCnt": 84 },
                { "Name": "温度范围", "AttCode": "1015", "AttValue": "-25℃ - +85℃,-30℃ - +85℃,-40℃ - +70℃", "AttItemCnt": "43,9,5" },
                { "Name": "线缆材质", "AttCode": "1008", "AttValue": "PP-EPDM,PUR,PVC","AttItemCnt":" 23,860,639"},
                {"Name": "连接方式","AttCode": "1033", "AttValue": "压接,拧接,焊接","AttItemCnt": "6,12,19" },
                { "Name": "针脚数", "AttCode": "1009","AttValue": "4+PE", "AttItemCnt": 20 } ],
    "message": "操作成功"
}

  • 写回答

2条回答 默认 最新

  • 夭桃鸣鹿 2022-07-06 17:31
    关注
    
    function test() {
        let newData = []
        res.data.forEach(item => {
            const targetObj = newData.find(i => i.Name === item.Name);
            if (targetObj) {
                targetObj.AttValue += `,${item.AttValue}`
                targetObj.AttItemCnt += `,${item.AttItemCnt}`
            } else {
                newData.push({ ...item })
            }
        })
        // newData 即为所需数据
    }
    

    同值拼接,新值追加

    若有用,请点击采纳,谢谢

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 7月16日
  • 已采纳回答 7月8日
  • 创建了问题 7月6日

悬赏问题

  • ¥15 java报错:使用mybatis plus查询一个只返回一条数据的sql,却报错返回了1000多条
  • ¥15 Python报错怎么解决
  • ¥15 simulink如何调用DLL文件
  • ¥15 关于用pyqt6的项目开发该怎么把前段后端和业务层分离
  • ¥30 线性代数的问题,我真的忘了线代的知识了
  • ¥15 有谁能够把华为matebook e 高通骁龙850刷成安卓系统,或者安装安卓系统
  • ¥188 需要修改一个工具,懂得汇编的人来。
  • ¥15 livecharts wpf piechart 属性
  • ¥20 数学建模,尽量用matlab回答,论文格式
  • ¥15 昨天挂载了一下u盘,然后拔了