组装数据--相同的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实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
|
5月前
|
JSON 前端开发 Java
如何封装接口返回结构?
本文详细探讨了API接口返回结构统一化的必要性及其带来的优势,如降低开发的心智负担、减少前端开发难度和提高代码可维护性等。同时也分析了其潜在的缺点,例如灵活性降低和开发成本增加等问题。文章进一步讨论了在Spring Boot中实现统一接口返回结构的具体方法和技术细节,包括如何处理HTTP状态码、返回单个字符串的情况以及如何封装无返回值的接口等。此外,还介绍了如何利用Spring Boot的`ResponseBodyAdvice`和`@RestControllerAdvice`等特性来自动包装控制器方法的返回值及异常处理,以达到更加一致和标准化的接口响应结构。
如何封装接口返回结构?
|
6月前
|
监控 Serverless 算法框架/工具
函数计算操作报错合集之选中图中部分后报错,但去掉后可以正常请求,是什么原因
在使用函数计算服务(如阿里云函数计算)时,用户可能会遇到多种错误场景。以下是一些常见的操作报错及其可能的原因和解决方法,包括但不限于:1. 函数部署失败、2. 函数执行超时、3. 资源不足错误、4. 权限与访问错误、5. 依赖问题、6. 网络配置错误、7. 触发器配置错误、8. 日志与监控问题。
|
8月前
|
JSON API 数据库
使用现代方式定义接口
【5月更文挑战第14天】FastAPI是一个现代化的、基于类型的web框架,用于构建API。它支持自动补全和类型检查,提供数据校验并能自动生成清晰的错误消息。 它基于OpenAPI标准,能自动生成交互式Swagger UI和ReDoc文档。 FastAPI内置安全性特性,支持身份验证,如HTTP基本认证和OAuth2。依赖注入系统使得复杂逻辑易于管理,同时兼容Starlette,具备高性能、WebSocket和GraphQL支持。
194 0
|
8月前
|
小程序
小程序封装组件简单案例,所有小程序适用(传入参数、外抛事件、传入样式)
小程序封装组件简单案例,所有小程序适用(传入参数、外抛事件、传入样式)
103 0
|
JSON 前端开发 API
统一处理controller层接口返回的数据
要对controller层的内容进行统一返回,需要用到 @ControllerAdvice ResponseBodyAdvice
446 0
双链表(常见的10个函数接口,配图详解每一个函数接口)(下)
双链表(常见的10个函数接口,配图详解每一个函数接口)(下)
126 0
双链表(常见的10个函数接口,配图详解每一个函数接口)(下)
|
存储
双链表(常见的10个函数接口,配图详解每一个函数接口)(上)
双链表(常见的10个函数接口,配图详解每一个函数接口)(上)
138 0
双链表(常见的10个函数接口,配图详解每一个函数接口)(上)
C/C++ 应用层下遍历驱动列表
实现在应用层下遍历输出驱动文件路径列表信息。
C/C++ 应用层下遍历驱动列表
|
SQL 前端开发 数据库
列表分页接口有哪些方案,你知道吗?
列表分页接口有哪些方案,你知道吗?
356 0
列表分页接口有哪些方案,你知道吗?