数据循环处理重组2

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        var arr = [{
            "temperatures": [{
                "legend": "A相温度",
                "unit": null,
                "yaxis": "21.1",
                "xaxis": "11"
            }, {
                "legend": "B相温度",
                "unit": null,
                "yaxis": "21.8",
                "xaxis": "11"
            }, {
                "legend": "C相温度",
                "unit": null,
                "yaxis": "20.9",
                "xaxis": "11"
            }, {
                "legend": "N相温度",
                "unit": null,
                "yaxis": "21.4",
                "xaxis": "11"
            }],
            "voltages": [{
                "legend": "A相电压",
                "unit": null,
                "yaxis": "242.0",
                "xaxis": "11"
            }, {
                "legend": "B相电压",
                "unit": null,
                "yaxis": "240.0",
                "xaxis": "11"
            }, {
                "legend": "C相电压",
                "unit": null,
                "yaxis": "248.0",
                "xaxis": "11"
            }],
            "currents": [{
                "legend": "A相电流",
                "unit": null,
                "yaxis": "9.9",
                "xaxis": "11"
            }, {
                "legend": "B相电流",
                "unit": null,
                "yaxis": "17.2",
                "xaxis": "11"
            }, {
                "legend": "C相电流",
                "unit": null,
                "yaxis": "1.5",
                "xaxis": "11"
            }],
        }, {
            "temperatures": [{
                "legend": "A相温度",
                "unit": null,
                "yaxis": "21.2",
                "xaxis": "11"
            }, {
                "legend": "B相温度",
                "unit": null,
                "yaxis": "21.9",
                "xaxis": "11"
            }, {
                "legend": "C相温度",
                "unit": null,
                "yaxis": "21.1",
                "xaxis": "11"
            }, {
                "legend": "N相温度",
                "unit": null,
                "yaxis": "21.5",
                "xaxis": "11"
            }],
            "voltages": [{
                "legend": "A相电压",
                "unit": null,
                "yaxis": "242.0",
                "xaxis": "11"
            }, {
                "legend": "B相电压",
                "unit": null,
                "yaxis": "240.0",
                "xaxis": "11"
            }, {
                "legend": "C相电压",
                "unit": null,
                "yaxis": "248.0",
                "xaxis": "11"
            }],
            "currents": [{
                "legend": "A相电流",
                "unit": null,
                "yaxis": "9.9",
                "xaxis": "11"
            }, {
                "legend": "B相电流",
                "unit": null,
                "yaxis": "17.2",
                "xaxis": "11"
            }, {
                "legend": "C相电流",
                "unit": null,
                "yaxis": "1.5",
                "xaxis": "11"
            }]
        }];
        // console.log(arr);

        // var final=[];  //最终要生成的数组
        // // 把type和name加进去
        // for(var i=0;i<arr[0].temperatures.length;i++){
        //     final[i]={};
        //     final[i].type='line'
        //     final[i].name=arr[0].temperatures[i].legend
        // }
        // // console.log(final)
        // //先把data需要用到的数据存起来
        // var dataArr=[]
        // for(var i=0;i<final.length;i++){
        //     dataArr[i]=[]
        // }
        // // console.log(dataArr)  //得到4个空数组
        // arr.forEach(item=>{
        //     item.temperatures.forEach((sonItem,index)=>{
        //         dataArr[index].push(sonItem.yaxis)
        //     })
        // })
        // // console.log(dataArr)  //得到需要的数组

        // final.forEach((item,index)=>{
        //     item.data=dataArr[index]
        // })
        // console.log(final)  

        function makeArr(sourceArr,type,typeName){
            var final=[];
            var dataArr=[];
            for(var i=0;i<sourceArr[0][type].length;i++){
                final[i]={};
                final[i].type=typeName
                final[i].name=sourceArr[0][type][i].legend
            }
            // console.log(final)
            var dataArr=[]
            for(var i=0;i<final.length;i++){
                dataArr[i]=[]
            }
            // console.log(dataArr)
            sourceArr.forEach(item=>{
                item[type].forEach((sonItem,index)=>{
                    dataArr[index].push(sonItem.yaxis)
                })
            })
            // console.log(dataArr)
            final.forEach((item,index)=>{
                item.data=dataArr[index]
            })
            return final
        }
        var test=makeArr(arr,'currents','line')
        console.log(test)
    </script>
</body>

</html>

 

转载于:https://www.cnblogs.com/Byme/p/10191713.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值