安河桥北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 gradio的web端页面格式不对的问题
  • ¥15 求大家看看Nonce如何配置
  • ¥15 Matlab怎么求解含参的二重积分?
  • ¥15 苹果手机突然连不上wifi了?
  • ¥15 cgictest.cgi文件无法访问
  • ¥20 删除和修改功能无法调用
  • ¥15 kafka topic 所有分副本数修改
  • ¥15 小程序中fit格式等运动数据文件怎样实现可视化?(包含心率信息))
  • ¥15 如何利用mmdetection3d中的get_flops.py文件计算fcos3d方法的flops?
  • ¥40 串口调试助手打开串口后,keil5的代码就停止了