【御控物联】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.mzph.cn/news/803366.shtml

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

相关文章

Golang 开发实战day07 - Functions

Golang 开发实战day07 - Functions

🏆个人专栏 🤺 leetcode 🧗 Leetcode Prime 🏇 Golang20天教程 🚴‍♂️ Java问题收集园地 🌴 成长感悟 欢迎大家观看，不执着于追求顶峰，只享受探索过程 Golang 教程07 - Functions …
阅读更多...
HTML+CSS+JS复习回顾

HTML+CSS+JS复习回顾

环境搭建 下载VScode，依次下载插件：HTML CSS support、Live Server、Auto Rename Tag 一、HTML篇 HTML通过一系列的标签（元素）来定义文本、图像、链接等。HTML标签是由尖括号包围的关键字。标签通常成对出现，包括开…
阅读更多...
基于SSM的校园二手物品交易平台论文

基于SSM的校园二手物品交易平台论文

摘 要 现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本校园二手物品交易平台就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据…
阅读更多...
spring-cloud微服务负载均衡器ribbon

spring-cloud微服务负载均衡器ribbon

注意：2020年前SpringCloud是采用Ribbon作为负载均衡实现，但是在2020后采用了LoadBalancer替代，所以要查看springboot，springcloud，sprincloudalibaba的版本链接对应，Ribbon负载均衡都是在springboot版本2.4…
阅读更多...
面试题：volatile

面试题：volatile

一旦一个共享变量（类的成员变量、类的静态成员变量）被volatile修饰之后，那么就具备了两层语义： 1. 保证线程间的可见性 保证了不同线程对这个变量进行操作时的可见性，即一个线程修改了某个变量的值，这新值…
阅读更多...
【攻防世界】wife_wife

【攻防世界】wife_wife

原型链污染 源码 app.post(/register, (req, res) > {let user JSON.parse(req.body)if (!user.username || !user.password) {return res.json({ msg: empty username or password, err: true })}if (users.filter(u > u.username user.username).length) {return …
阅读更多...
推进数智化财务管理体系，助力企业降本提效

推进数智化财务管理体系，助力企业降本提效

在数字经济快速发展的今天，数字化能力早已成为企业发展的核心竞争力。在开放、融合的数字经济大背景下，企业该如何将科技深度赋能业务，打造出高质量发展的新引擎？当财务管理缺乏精准化、精确化、及时性的问题逐渐显露，…
阅读更多...
【Python】不会优雅的记日志，你又又Out了！！！

【Python】不会优雅的记日志，你又又Out了！！！

1. 引言 在日常开发中，大家经常使用 print 函数来调试我们写的的代码。然而，随着打印语句数量的增加，由于缺乏行号或函数名称，很难确定输出来自何处。而且随着print语句的增多，调试完代码删除这些信息的时候也比较麻烦…
阅读更多...
实现首选目标|国内博士后赴新加坡继续从事博士后研究

实现首选目标|国内博士后赴新加坡继续从事博士后研究

申请时，V博士尚为国内在站的博士后，其希望在我们的帮助下，加入国外导师先进的课题组，在拓展学术视野的同时，延续自己的科研项目并结题，目标国家首选新加坡。最终我们用新加坡科技研究局（A*STA&a…
阅读更多...
TiDB 实战分享丨第三方支付企业的核心数据库升级之路

TiDB 实战分享丨第三方支付企业的核心数据库升级之路

本文介绍了一家第三方支付企业在面对市场竞争和监管压力的态势下，通过升级核心数据库来提升业务能力的实践。该企业选择 TiDB 分布式数据库，成功将其应用于核心业务、计费、清结算和交易查询等关键系统。TiDB 的水平扩展能力、高可用性和简化数据栈等优势…
阅读更多...
electron打包Vue前端

electron打包Vue前端

Electron-Forge 打包Vue项目 效果：electronforge可将前端静态页面打包成.exe、.deb和.rpm等，能适配各种平台 示例：Windows环境下将前端 Vue 项目打包成exe文件 打包后的 exe 文件 运行 exe 文件 一、项目准备 开源项目 RouYi 下载 本…
阅读更多...
码蹄集部分题目（第五弹；OJ赛2024年第10期）

码蹄集部分题目（第五弹；OJ赛2024年第10期）

🐋🐋🐋竹鼠通讯（钻石；分治思想；模板题：就算几何平面点对问题） 时间限制：3秒 占用内存：128M 🐟题目描述 在真空中，一块无限平坦光滑…
阅读更多...
自偏置电流镜、wilson和cascode电流镜、低压自偏置电流镜

自偏置电流镜、wilson和cascode电流镜、低压自偏置电流镜

1.自偏置电流镜 参考1：正确偏置和自启动电路 正确偏置： 2.自启动电路 参考2：两种自启动电路、cascode低压设计、自启动充放电过程分析 3.低压自偏置电流镜 参考3：电阻偏置分析 VbVgs3VodVgs1Vod 4.电阻偏置和MOS偏置的分…
阅读更多...
【C++】动态规划算法

【C++】动态规划算法

目录 还会持续更新动态规划斐波那契模型三步问题最小花费爬楼梯 路径问题不同路径路径问题Ⅱ 简单多状态按摩师 还会持续更新 动态规划 什么是动态规划？ 斐波那契模型 三步问题 class Solution { public: const int N 1000009;int waysToStep(int n) {if(n1) …
阅读更多...
服务器远程桌面连接不上怎么办？

服务器远程桌面连接不上怎么办？

随着互联网的发展和远程办公的兴起，服务器远程桌面连接成为了许多企业和个人不可或缺的工具。偶尔我们可能会碰到服务器远程桌面连接不上的情况，这时候我们需要找到解决办法，确保高效地远程访问服务器。 天联组网——突破远程连接障碍 在我们…
阅读更多...
前端二维码工具小程序使用说明书

前端二维码工具小程序使用说明书

一、产品概述 前端二维码工具小程序是一款便捷、高效、易用的二维码生成与识别工具。本产品支持根据用户输入的文本或链接生成二维码，同时提供扫一扫功能以识别二维码内容，并支持将识别到的内容复制到剪贴板。此外，产品还提供了美化功能&…
阅读更多...
Armadillo库：用于线性代数和科学计算的快速C/C++库下载及vs环境下的使用方法

Armadillo库：用于线性代数和科学计算的快速C/C++库下载及vs环境下的使用方法

armadillo库的下载及使用 一. armadillo库的下载二. vs2022环境下armadillo库的基本使用方法 一. armadillo库的下载 armadillo库的官方下载连接: https://arma.sourceforge.net/download.html 选择网页中最新版本的armadillo库压缩包文件进行下载。 解压armadillo-12.8.2.ta…
阅读更多...
无重复的最长字串

无重复的最长字串

📝个人主页：五敷有你 🔥系列专栏：算法分析与设计 ⛺️稳中求进，晒太阳 问题 给定一个字符串，我们需要找到该字符串中的最长无重复子串的长度。 示例 让我们以一个具体的示例来说明这个问题&#…
阅读更多...
场景文本检测识别学习 day02（AlexNet论文阅读、ResNet论文精读）

场景文本检测识别学习 day02（AlexNet论文阅读、ResNet论文精读）

怎么读论文 在第一遍阅读的时候，只需要看题目，摘要和结论，先看题目是不是跟我的方向有关，看摘要是不是用到了我感兴趣的方法，看结论他是怎么解决摘要中提出的问题，或者怎么实现摘要中的方法，然…
阅读更多...
Elementplus 2.6.1表单校验模块开发体验改进

Elementplus 2.6.1表单校验模块开发体验改进

需求 之前的表单代码看了下，写的比较冗长，于是去万能的Github找点轮子，发现了这个： GitHub - aweiu/element-ui-verify: 如果你受够了饿了么ElementUI原生的校验方式，那就来试试它吧！一款更懂你的校验插件…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023