zoukankan      html  css  js  c++  java
  • 组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]

    组装成这种 
    var BJData = [
    [{"city": "无锡市","clusterID": 1, "y": 31.809979797058332}, { "city": "苏州市", "clusterID":1, "x": 120.7485913653},],
    [{name:'北京'}, {name:'天津'}],
    [{name:'北京'}, {name:'河南',type:"mt"}],
    [{name:'北京'}, {name:'甘肃',type:"mt"}]
    ];
     data: {
                  centerdata:[
                    {"city": "无锡市","clusterID": 1,"y": 31.809979797058332},
                    {"city": "廊坊市","clusterID": 2,"y": 39.215436433250005},
                    {"city": "金华市","clusterID": 3,"y": 29.190387826775}
                   ],
    
                   sizhoudata:[
                   { "city": "苏州市", "clusterID": 1, "x": 120.7485913653, },
                   {"city": "重庆市","clusterID": 2,"x": 120.5818049003},
                   {"city": "广汉市","clusterID": 3,"x": 140.5818049003}],
                },
      

      用了两个for循环,会循环3*3=9次

     created() {
                  var newarr=[];
                  for(let i in this.centerdata ){
                    for(let j in this.sizhoudata){
                       if(this.centerdata[i].clusterID==this.sizhoudata[j].clusterID){
                          let arr=[this.centerdata[i],this.sizhoudata[j]]
                          newarr.push(arr);
                       }
                    }
                  }
                  console.log(newarr)
                },
    

      

  • 相关阅读:
    符合RESTful规范的API
    DRF 认证、权限、限制
    RESTful API终极版序列化封装
    RESTful API
    Django REST Framework
    前端之promise
    VueRouter
    Vue的生命周期
    三种常用的js数组去重方法
    dos命令查看端口状态
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/11355451.html
Copyright © 2011-2022 走看看