组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]

简介: 组装数据--相同的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)
           },
相关文章
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
|
3月前
|
JSON API 数据库
使用现代方式定义接口
【5月更文挑战第14天】FastAPI是一个现代化的、基于类型的web框架,用于构建API。它支持自动补全和类型检查,提供数据校验并能自动生成清晰的错误消息。 它基于OpenAPI标准,能自动生成交互式Swagger UI和ReDoc文档。 FastAPI内置安全性特性,支持身份验证,如HTTP基本认证和OAuth2。依赖注入系统使得复杂逻辑易于管理,同时兼容Starlette,具备高性能、WebSocket和GraphQL支持。
175 0
|
9月前
|
JSON 小程序 前端开发
小程序调用新闻接口实现列表循环
小程序调用新闻接口实现列表循环
67 0
|
JSON 前端开发 API
统一处理controller层接口返回的数据
要对controller层的内容进行统一返回,需要用到 @ControllerAdvice ResponseBodyAdvice
399 0
|
数据处理
两个接口数据合并
数据处理
218 0
|
SQL 前端开发 数据库
列表分页接口有哪些方案,你知道吗?
列表分页接口有哪些方案,你知道吗?
312 0
列表分页接口有哪些方案,你知道吗?
|
前端开发
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
90 0
|
存储 程序员 Go
Go基础:接口类型、接口嵌套、空接口、类型判断
Go基础:接口类型、接口嵌套、空接口、类型判断
210 0
Go基础:接口类型、接口嵌套、空接口、类型判断
重复动作要封装,封装前找大家的共同特性或者说共同需求(例如都实现某个接口,都实现该接口的某个方法),然后利用这个共同特性封装起来
重复动作要封装,封装前找大家的共同特性或者说共同需求(例如都实现某个接口,都实现该接口的某个方法),然后利用这个共同特性封装起来
118 0
|
存储 自然语言处理 监控
数据加工DSL编译优化:公共子表达式删除
本次分享主要介绍面向数据加工DSL的一项编译优化:公共子表达式删除(common subexpression elimination)。SLS数据加工服务是什么?公共子表达式删除的初衷?公共子表达式删除是怎么实现的?有哪些实际价值?SLS数据加工服务是什么?日志服务提供可托管、可扩展、高可用的数据加工服务。数据加工服务可用于数据的规整、富化、流转、脱敏和过滤。数据加工DSL提供了30多种场景方案、