数据循环处理重组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>
复制代码

 

posted @   abcByme  阅读(503)  评论(3)  编辑  收藏  举报
编辑推荐：
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示