【御控物联】JavaScript JSON结构转换（18）：数组To对象——多层属性重组

文章目录

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

一、JSON结构转换是什么？

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

在JSON结构转换中，常见的操作包括：

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

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

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

源JSON结构：

{"b1": [[{"k1_child": "v1_child"}],[{"k2_child": "v2_child"}],[{"k3_child": "v3_child"}]]
}

目标JSON结构：

{"a": {"k": {"kk": "v"},"m": {"mm": "w"},"n": {"nn": "x"}}
}

转换需求：

以下需求分别执行

场景一：

  1. 将源结构的“b1”值替换到目标结构的“a.k”中
  2. 将源结构的“b1”值追加到目标结构的“a.m”中
  3. 将源结构的“b1”值替换到目标结构的“a.n”中

场景二：

  1. 将源结构的“b1[0]”值替换到目标结构的“a.k”中
  2. 将源结构的“b1[0]”值追加到目标结构的“a.m”中
  3. 将源结构的“b1[0]”值替换到目标结构的“a.n”中

场景三：

  1. 将源结构的“b1[0]”值追加到目标结构的“a.k”中
  2. 将源结构的“b1[1]”值追加到目标结构的“a.m”中
  3. 将源结构的“b1[2]”值追加到目标结构的“a.n”中

三、代码实现

场景一：

  1. 将源结构的“b1”值替换到目标结构的“a.k”中
  2. 将源结构的“b1”值追加到目标结构的“a.m”中
  3. 将源结构的“b1”值替换到目标结构的“a.n”中

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

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

场景二：

  1. 将源结构的“b1[0]”值替换到目标结构的“a.k”中
  2. 将源结构的“b1[0]”值追加到目标结构的“a.m”中
  3. 将源结构的“b1[0]”值替换到目标结构的“a.n”中
import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.b1[0]","AimJsonPath": "root.a.k","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "1","TranWay": "1"}},{"OrgJsonPath": "root.b1[0]","AimJsonPath": "root.a.m","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}},{"OrgJsonPath": "root.b1[0]","AimJsonPath": "root.a.n","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"b1": [[{"k1_child": "v1_child"}],[{"k2_child": "v2_child"}],[{"k3_child": "v3_child"}]]};
const jsonAim ={"a": {"k": {"kk": "v"},"m": {"mm": "w"},"n": {"nn": "x"}}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

场景三：

  1. 将源结构的“b1[0]”值追加到目标结构的“a.k”中
  2. 将源结构的“b1[1]”值追加到目标结构的“a.m”中
  3. 将源结构的“b1[2]”值追加到目标结构的“a.n”中

import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.b1[0]","AimJsonPath": "root.a.k","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}},{"OrgJsonPath": "root.b1[1]","AimJsonPath": "root.a.m","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}},{"OrgJsonPath": "root.b1[2]","AimJsonPath": "root.a.n","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"b1": [[{"k1_child": "v1_child"}],[{"k2_child": "v2_child"}],[{"k3_child": "v3_child"}]]};
const jsonAim ={"a": {"k": {"kk": "v"},"m": {"mm": "w"},"n": {"nn": "x"}}};/*******************数组转对象    测试程序***************** */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/

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/588225.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

golang语言系列：Web框架+路由 之 Echo

golang语言系列：Web框架+路由 之 Echo

云原生学习路线导航页（持续更新中） 本文是golang语言系列文章，本篇主要对 Echo 框架 的基本使用方法 进行学习 1.Echo是什么 Go 有众多Web框架，Echo 是其中的一个，官网介绍Echo有高性能、可扩展性、极简的特点。使用E…
阅读更多...
Object类的方法-clone() \ finalize()

Object类的方法-clone() \ finalize()

了解方法：clone() \ finalize()根据JDK源代码及Object类的API文档，Object类当中包含的方法有11个。这里我们主要关注其中的6个： clone() //Object类的clone()的使用 public class CloneTest { public static void main(String[] args) { …
阅读更多...
关于ITIL认证您需要了解的一切

关于ITIL认证您需要了解的一切

这是一篇关于从业人员、领导者和 ITSM 爱好者指南。ITIL4于2019 年发布。最新版本的 IT 服务管理（ITSM）最佳实践从传统的生命周期方法转变为服务价值体系模型，重点关注价值共创、向业务交付成果以及与其他最佳实践框架的融合。 新版本的框架…
阅读更多...
【教程】Kotlin语言学习笔记（五）——Lambda表达式与条件控制

【教程】Kotlin语言学习笔记（五）——Lambda表达式与条件控制

写在前面： 如果文章对你有帮助，记得点赞关注加收藏一波，利于以后需要的时候复习，多谢支持！ 【Kotlin语言学习】系列文章 第一章 《认识Kotlin》 第二章 《数据类型》 第三章 《数据容器》 第四章 《方法》 第五章 《L…
阅读更多...
Redission--布隆过滤器解决缓存穿透问题

Redission--布隆过滤器解决缓存穿透问题

布隆过滤器在缓存穿透问题中的使用 布隆过滤器的核心是一个位数组 布隆过滤器的误判 使用Redission的布隆过滤器步骤 添加 Redission 依赖：首先需要将 Redission 添加到你的 Java 项目中，你可以通过 Maven 来添加 Redission 的依赖。 创建 Redissio…
阅读更多...
GT收发器PHY层设计（2）GT_module模块设计

GT收发器PHY层设计（2）GT_module模块设计

文章目录 前言一、设计框图二、例化IP核端口三、common_reset_i模块四、gt_usrclk_source模块五、IBUFDS_GTE2和gtwizard_0_common模块六、顶层模块gt_module总结 前言 根据官方的example design设计一个自定义协议的高速PHY设计 一、设计框图 设计思路及代码思路参考FPGA奇哥…
阅读更多...
九州未来深度参与元宇宙标准会议周

九州未来深度参与元宇宙标准会议周

近日，元宇宙标准化工作组成立大会暨第一次全体委员会会议在浙江青田成功举办。本次会议由元宇宙标准化工作组主办，中国电子技术标准化研究院、中共青田县委 青田县人民政府承办，涵盖了《元宇宙参考架构》国家标准编制会、《工业元宇宙参考架构…
阅读更多...
AI音乐GPT时刻来临：Suno 快速入门手册！

AI音乐GPT时刻来临：Suno 快速入门手册！

✨✨ 欢迎大家来访Srlua的博文（づ￣3￣）づ╭❤～✨✨ 🌟🌟 欢迎各位亲爱的读者，感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢，在这里我会分享我的知识和经验。&am…
阅读更多...
铸铁平台划线基准的基本操作——泊头市北重厂家

铸铁平台划线基准的基本操作——泊头市北重厂家

划线基准是指在铸铁平台上划定一条直线或直角线，用作测量和定位的参考线。下面是铸铁平台划线基准的操作步骤： 准备工具和材料：铸铁平台、直尺、铅笔或划线笔、胶带等。 清洁铸铁平台：使用清洁布或刷子清除铸铁平台表面的尘土和杂…
阅读更多...
MySQL 中将使用逗号分隔的字段转换为多行数据

MySQL 中将使用逗号分隔的字段转换为多行数据

在我们的实际开发中，经常需要存储一些字段，它们使用像, - 等连接符进行连接。在查询过程中，有时需要将这些字段使用连接符分割，然后查询多条数据。今天，我们将使用一个实际的生产场景来详细解释这个解决方案。 场景介绍…
阅读更多...
WebGIS 地铁交通线网数据可视化监控平台

WebGIS 地铁交通线网数据可视化监控平台

数字孪生技术在地铁线网的管理和运维中的应用是一个前沿且迅速发展的领域。随着物联网、大数据、云计算以及人工智能技术的发展，地铁线网数字孪生在智能交通和智慧城市建设中的作用日益凸显。 图扑软件基于 HTML5 的 2D、3D 图形渲染引擎，结合 GIS 地图&…
阅读更多...
c++ 插值搜索-迭代与递归（Interpolation Search）

c++ 插值搜索-迭代与递归（Interpolation Search）

给定一个由 n 个均匀分布值 arr[] 组成的排序数组，编写一个函数来搜索数组中的特定元素 x。 线性搜索需要 O(n) 时间找到元素，跳转搜索需要 O(? n) 时间，二分搜索需要 O(log n) 时间。 插值搜索是对实例二分搜索的改进，…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023