当前位置: 首页 > news >正文

【御控物联】JavaScript JSON结构转换(16):对象To数组——综合应用

文章目录

  • 一、JSON结构转换是什么?
  • 二、术语解释
  • 三、案例之《JSON对象 To JSON数组》
  • 四、代码实现
  • 五、在线转换工具
  • 六、技术资料


一、JSON结构转换是什么?

JSON结构转换指的是将一个JSON对象或JSON数组按照一定规则进行重组、筛选、映射或转换,生成新的JSON对象或数组的过程。这种转换可以包括改变JSON数据的结构、提取特定字段、合并多个JSON数据,或者对数据进行计算和处理等操作。

在JSON结构转换中,常见的操作包括:

  • 提取字段:从一个JSON对象中提取特定字段,生成新的JSON对象。
  • 过滤数据:根据条件过滤JSON数据,生成符合条件的新JSON对象或数组。
  • 映射转换:将一个JSON对象中的字段映射到另一个字段,生成新的JSON对象。
  • 合并数据:将多个JSON对象或数组合并成一个新的JSON对象或数组。

JSON结构转换通常在数据处理、数据清洗、数据分析等场景中广泛应用。通过结构转换,可以根据需求定制化地处理JSON数据,使其符合特定的业务逻辑或数据格式要求。
为此我们提供了一个简单开源的JS类库,接下来我们对此类库进行详细讲解。

二、术语解释

1.转换操作【高级配置选项】

转换操作包含三种

  • 复制源子元素(原Key)(默认)
    将源的子元素复制到目标元素中,并保留源子元素的Key

  • 复制源子元素(新Key)
    将源的子元素复制到目标元素中,并为目标元素的新生成的子元素重新生成Key

  • 复制目标子元素
    依据源的子元素的个数,复制与源子元素同等数量的目标元素的首子元素到目标元素,并为目标元素的新生成的子元素重新生成Key

三、案例之《JSON对象 To JSON数组》

源JSON结构:

{"a": {"c_child": "2",    "d_child": "3",     "e_child": "4"}    
}

目标JSON结构:

{"b1": [[{"k1_child": "v1_child"}]]
}

转换需求:

以下需求分别执行

  1. 在目标b1中依据源生成同等数量的子元素
  2. root.b1[*][*].k1_child的键用root.a.*键替换
  3. root.b1[*][*].k1_child的值用root.a.*值替换

期望效果:

{"b1": [[{"c_child": "2"}],[{"d_child": "3"}],[{"e_child": "4"}]]
}

四、代码实现


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1:源Key->目标Key
/// 2:源Key->目标Value
/// 3:源Value->目标Key
/// 4:源Value->目标Value
const mappings = [{"OrgJsonPath": "root.a","AimJsonPath": "root.b1","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "3","TranWay": "1"}},{"OrgJsonPath": "root.a.*","AimJsonPath": "root.b1[*][*].k1_child","TranType": 1,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "3","TranWay": "2"}},{"OrgJsonPath": "root.a.*","AimJsonPath": "root.b1[*][*].k1_child","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "3","TranWay": "2"}}
];
const jsonOrg = {"a": {"c_child": "2",    "d_child": "3",     "e_child": "4"}    };
const jsonAim = {"b1": [[{"k1_child": "v1_child"}]]};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下:
在这里插入图片描述

五、在线转换工具

为了让使用者更加方便的配置出映射关系,为此开发了一套在线转换工具,可在工具中通过拖拽即可配置想要的结构转换关系,并可对转换关系所能实现的效果实时进行预览更改。

工具地址:数据转换工具
在这里插入图片描述

六、技术资料

  • Github:edq-ebara/data-transformation-javascript: 数据转化(javascript) (github.com)
  • 技术探讨QQ群:775932762
  • 工具连接:数据转换工具
  • 御控官网:https://www.yu-con.com/

相关文章:

  • 文件操作详解
  • 蓝桥杯刷题-14-更小的数-区间DP⭐
  • windows or ubuntu mount 文件
  • 初学python记录:力扣1600. 王位继承顺序
  • 【微服务】面试题(一)
  • 鸿蒙原生应用已超4000个!
  • 【三十七】【算法分析与设计】STL 练习,凌波微步,栈和排序,吐泡泡,[HNOI2003]操作系统,优先队列自定义类型
  • 【Frida】【Android】 10_爬虫之WebSocket协议分析
  • LeetCode题练习与总结:螺旋矩阵Ⅱ--59
  • 第十四届蓝桥杯C/C++大学B组题解(一)
  • 智慧港口多场景解决方案(一)
  • JS详解-设计模式
  • 0点起C语言
  • BCLinux-for-Euler配置本地yum源
  • mysql 约束 索引
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • 「面试题」如何实现一个圣杯布局?
  • 0基础学习移动端适配
  • CAP理论的例子讲解
  • CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里...
  • css系列之关于字体的事
  • express + mock 让前后台并行开发
  • flask接收请求并推入栈
  • Javascript基础之Array数组API
  • JavaScript设计模式系列一:工厂模式
  • JS笔记四:作用域、变量(函数)提升
  • laravel 用artisan创建自己的模板
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • mysql 数据库四种事务隔离级别
  • opencv python Meanshift 和 Camshift
  • PHP变量
  • PHP面试之三:MySQL数据库
  • spring boot 整合mybatis 无法输出sql的问题
  • 聚类分析——Kmeans
  • 聊聊flink的TableFactory
  • 如何合理的规划jvm性能调优
  • 手写一个CommonJS打包工具(一)
  • 小程序测试方案初探
  • 以太坊客户端Geth命令参数详解
  • 国内唯一,阿里云入选全球区块链云服务报告,领先AWS、Google ...
  • #Spring-boot高级
  • (1)(1.13) SiK无线电高级配置(五)
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (windows2012共享文件夹和防火墙设置
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (切换多语言)vantUI+vue-i18n进行国际化配置及新增没有的语言包
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (原創) 如何將struct塞進vector? (C/C++) (STL)
  • *Django中的Ajax 纯js的书写样式1
  • .net 程序发生了一个不可捕获的异常
  • .net分布式压力测试工具(Beetle.DT)
  • @DependsOn:解析 Spring 中的依赖关系之艺术
  • @LoadBalanced 和 @RefreshScope 同时使用,负载均衡失效分析