组装数据--相同的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 前端开发 Java
如何封装接口返回结构?
本文详细探讨了API接口返回结构统一化的必要性及其带来的优势,如降低开发的心智负担、减少前端开发难度和提高代码可维护性等。同时也分析了其潜在的缺点,例如灵活性降低和开发成本增加等问题。文章进一步讨论了在Spring Boot中实现统一接口返回结构的具体方法和技术细节,包括如何处理HTTP状态码、返回单个字符串的情况以及如何封装无返回值的接口等。此外,还介绍了如何利用Spring Boot的`ResponseBodyAdvice`和`@RestControllerAdvice`等特性来自动包装控制器方法的返回值及异常处理,以达到更加一致和标准化的接口响应结构。
如何封装接口返回结构?
|
6月前
|
JSON API 数据库
使用现代方式定义接口
【5月更文挑战第14天】FastAPI是一个现代化的、基于类型的web框架,用于构建API。它支持自动补全和类型检查,提供数据校验并能自动生成清晰的错误消息。 它基于OpenAPI标准,能自动生成交互式Swagger UI和ReDoc文档。 FastAPI内置安全性特性,支持身份验证,如HTTP基本认证和OAuth2。依赖注入系统使得复杂逻辑易于管理,同时兼容Starlette,具备高性能、WebSocket和GraphQL支持。
184 0
|
XML JSON Java
Controller怎么了?为什么接口返回404,这样解决最快捷
Controller怎么了?为什么接口返回404,这样解决最快捷
275 0
|
数据处理
两个接口数据合并
数据处理
231 0
|
前端开发
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
100 0
|
API
原来可以这么操作—修改子View绘制顺序
周一的早上,由于项目的开发做的差不多了,正在等待测试结果的我就开始发呆,思考端午节的去处~
321 0
原来可以这么操作—修改子View绘制顺序
|
存储 程序员 Go
Go基础:接口类型、接口嵌套、空接口、类型判断
Go基础:接口类型、接口嵌套、空接口、类型判断
225 0
Go基础:接口类型、接口嵌套、空接口、类型判断
适配器模式:转换匹配,复用已有功能
适配器模式的本质是转换匹配,复用已有功能
848 0
适配器模式:转换匹配,复用已有功能