zoukankan      html  css  js  c++  java
  • 数据循环处理重组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>
  • 相关阅读:
    非域,非匿名用户访问远程企业服务的详细步骤
    调用远程的企业服务的安全问题
    未能加载文件或程序集“****”或它的某一个依赖项的一种情况
    XAMPP使用非80端口的安装配置修改
    Lucene 的存储结构概述
    .NET Framework 4.0 SDK的安装
    lucene 文件存储相关的几个类
    ASP.NET 状态服务 及 session丢失问题解决方案总结
    不安装.net framework框架运行.Net 程序的方法<收藏>
    net面试题集及答案
  • 原文地址:https://www.cnblogs.com/Byme/p/10191713.html
Copyright © 2011-2022 走看看