【御控物联】JavaScript JSON结构转换（17）：数组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结构转换的核心构件，工具依据分析转换映射来进行源与目标JSON结构的转化。

转换映射的构成如下：

{"AimJsonPath": "root.org","OrgJsonPath": "root.aim","TranType": 4,"Options":{"KeyInitIndex":0,"AddElementsOption":"1",        "TranOP":"1",  "TranWay":"1" }
}

转换映射的属性介绍如下：

  1. AimJsonPath
    目标结构路径
  2. OrgJsonPath
    目标结构路径
  3. TranType
    转换类型 1：源Key->目标Key 2：源Key->目标Value 3：源Value->目标Key 4：源Value->目标Value
  4. Options.KeyInitIndex
    自动生成的元素的起始索引（默认为0）
  5. Options.AddElementsOption
    1:追加新元素到数组/对象 （默认为1）
    2：替换数组/对象的原有属性
  6. Options.TranOP
    1:将源子元素复制到目标,使用源子元素的Key（默认为1）
    2:将源子元素复制到目标,为源子元素新生成Key
    3：依据源元素在目标构建同等数量的目标子元素
  7. Options.TranWay
    1：交叉映射 （ 默认为1）
    2：一对一映射

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

源JSON结构：

{"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]
}

目标JSON结构：

{"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}
}

转换需求：

以下需求分别执行

1.将源结构的“devOrg”键替换到目标结构的“devAim”值
2.将源结构的“devOrg”键追加到目标结构的“devAim”值
3.将源结构的“devOrg”值替换到目标结构的“devAim”值
4.将源结构的“devOrg”值追加到目标结构的“devAim”值
5.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim”值
6.将源结构的“devOrg[0]”值追加到目标结构的“devAim.642fccd1Aim”值
7.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim.1Aim”值
8.将源结构的“devOrg[0]”值追加到目标结构的“devAim.642fccd1Aim.1Aim”值

四、代码实现

1.将源结构的“devOrg”键替换到目标结构的“devAim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg","AimJsonPath": "root.devAim","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

2.将源结构的“devOrg”键追加到目标结构的“devAim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg","AimJsonPath": "root.devAim","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

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

3.将源结构的“devOrg”值替换到目标结构的“devAim”值

import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg","AimJsonPath": "root.devAim","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

4.将源结构的“devOrg”值追加到目标结构的“devAim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg","AimJsonPath": "root.devAim","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

5.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg[0]","AimJsonPath": "root.devAim.642fccd1Aim","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

6.将源结构的“devAim[0]”值追加到目标结构的“devAim.642fccd1Aim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg[0]","AimJsonPath": "root.devAim.642fccd1Aim","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

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

7.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim.1Aim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg[0]","AimJsonPath": "root.devAim.642fccd1Aim.1Aim","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

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

8.将源结构的“devAim[0]”值追加到目标结构的“devAim.642fccd1Aim.1Aim”值


import JsonTranferUtil from './json_transfer'/************************数组转对象   示例数据 ********************** *//// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [{"OrgJsonPath": "root.devOrg[0]","AimJsonPath": "root.devAim.642fccd1Aim.1Aim","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"devOrg":[{"idOrg": "0001","proOrg": [{"idOrg": "","nOrg": "11","dtOrg": "","vOrg": "1.1","qOrg": ""}]}]};
const jsonAim ={"devAim": {"642fccd1Aim": {"1Aim": "111","2Aim": "122"},"timeAim": 1682476529}};/*******************数组转对象    测试程序***************** */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.rhkb.cn/news/295400.html

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

相关文章

MES可视化管理，提高制造业工厂管理水平

MES可视化管理，提高制造业工厂管理水平

在制造业中，生产过程的可视化管理对于提高生产效率、降低成本以及提升决策的准确性和及时性至关重要。MES系统作为制造执行过程中的核心管理工具，为实现生产过程的可视化管理提供了有力支持。 生产车间应用MES生产管理系统之后，能通过电子屏幕…
阅读更多...
异地文件如何共享访问？

异地文件如何共享访问？

异地文件共享访问是一种让不同地区的用户能够快速、安全地共享文件的解决方案。人们越来越需要在不同地点之间共享文件和数据。由于复杂的网络环境和安全性的问题，实现异地文件共享一直是一个挑战。 为了解决这个问题，许多公司和组织研发了各种异地文件共…
阅读更多...
集成电路企业tapeout，如何保证机台数据准确、完整、高效地采集？

集成电路企业tapeout，如何保证机台数据准确、完整、高效地采集？

Tapeout即流片，集成电路行业中将CDS最终版电路图提交给半导体制造厂商进行物理生产的过程。在芯片设计与制造的流程中，Tapeout是非常重要的阶段，包括了布局（Layout）、连线（Routing）、分析&#…
阅读更多...
基于SSM的“汽车销售分析与管理系统”的设计与实现（源码+数据库+文档+PPT)

基于SSM的“汽车销售分析与管理系统”的设计与实现（源码+数据库+文档+PPT)

基于SSM的“汽车销售分析与管理系统”的设计与实现（源码数据库文档PPT) 开发语言：Java 数据库：MySQL 技术：SSM 工具：IDEA/Ecilpse、Navicat、Maven 系统展示 系统功能结构图 销售经理系统首页图 客户管理图 车辆…
阅读更多...
数据采集工具如何使用呢？那么设置数据采集的方法又是什么呢？

数据采集工具如何使用呢？那么设置数据采集的方法又是什么呢？

数据采集工具将能够非常有效地解决面临的各种问题。这款工具被设计成一种自动化数据采集工具，特别适用于对日志文件数据的采集。一旦完成设置，该工具将在后台实时进行数据采集，并自动对收集到的数据进行清洗，以确保最终保存到的数…
阅读更多...
Redis简介、常用命令

Redis简介、常用命令

目录 一、关系数据库​​与非关系数据库​​ 1.1. 关系型数据库 1.2 非关系型数据库 1.3.关系数据库与非关系型数据库区别 1.3.1. 数据存储方式不同 1.3.2. 扩展方式不同 1.3.3.对事务性的支持不同 1.4.非关系型数据库产生背景 二、Redis 2.1.Redis简介 2.2.Redis的…
阅读更多...
CentOS 7 下离线安装RabbitMQ教程

CentOS 7 下离线安装RabbitMQ教程

CentOS 7 下安装RabbitMQ教程一、做准备（VMWare 虚拟机上的 CentOS 7 镜像 上安装的） （1）准备RabbitMQ的安装包（rabbitmq-server-3.8.5-1.el7.noarch）下载地址mq https://github.com/rabbitmq/rabbitmq-se…
阅读更多...
【OpenCV-颜色空间】

【OpenCV-颜色空间】

OpenCV-颜色空间 ■ RGB■ BGR■ HSV■ HSL■ HUE■ YUV ■ RGB ■ BGR BGR 就是RGB R和B调换位置。 OpenCV 默认使用BGR ■ HSV ■ HSL ■ HUE ■ YUV
阅读更多...
实验四 微信小程序智能手机互联网程序设计（微信程序方向）实验报告

实验四 微信小程序智能手机互联网程序设计（微信程序方向）实验报告

请编写一个用户登录界面&#xff0c;提示输入用户名和密码进行登录&#xff1b; 代码 index.wxml <view class"user"> <form bindreset""> <view>用户名&#xff1a;</view><input type"text"name""/>…
阅读更多...
【面试八股总结】传输控制协议TCP（三）

【面试八股总结】传输控制协议TCP（三）

参考资料 &#xff1a;小林Coding、阿秀、代码随想录 一、TCP拥塞控制⭐ 1. 慢启动 – Slow Start 慢启动是指TCP连接刚建立&#xff0c;一点一点地提速&#xff0c;试探一下网络的承受能力&#xff0c;以免直接扰乱了网络通道的秩序。 慢启动算法&#xff1a; 初始拥塞窗口…
阅读更多...
图神经网络实战（7）——图卷积网络(Graph Convolutional Network, GCN)详解与实现

图神经网络实战（7）——图卷积网络(Graph Convolutional Network, GCN)详解与实现

图神经网络实战&#xff08;7&#xff09;——图卷积网络详解与实现 0. 前言1. 图卷积层2. 比较 GCN 和 GNN2.1 数据集分析2.2 实现 GCN 架构 小结系列链接 0. 前言 图卷积网络 (Graph Convolutional Network, GCN) 架构由 Kipf 和 Welling 于 2017 年提出&#xff0c;其理念是…
阅读更多...
Qt + VS2017 创建一个简单的图片加载应用程序

Qt + VS2017 创建一个简单的图片加载应用程序

简介&#xff1a; 本文介绍了如何使用Qt创建一个简单的图片加载应用程序。该应用程序可以打开图片文件并在界面上显示选定的图片&#xff0c;并保存用户上次选择的图片路径。 1. 创建项目&#xff1a; 首先&#xff0c;在VS中创建一个新的Qt Widgets应用程序项目&#xff0c;并…
阅读更多...
Electron的学习

Electron的学习

目录 项目初始化可以看官网非常详细根路径创建.vscode文件夹主进程和渲染进程之前的通信ipcRenderer.send和ipcMain.on的使用ipcRenderer.invoke和ipcMain.handle的使用 切换主题模式文件拖放保存消息通知进度展示图标闪烁自定义菜单自定义右键菜单 项目初始化可以看官网非常详…
阅读更多...
史上最强 PyTorch 2.2 GPU 版最新安装教程

史上最强 PyTorch 2.2 GPU 版最新安装教程

一 深度学习主机 1.1 配置 先附上电脑配置图&#xff0c;如下&#xff1a; 利用公司的办公电脑对配置进行升级改造完成。除了显卡和电源&#xff0c;其他硬件都是公司电脑原装。 1.2 显卡 有钱直接上 RTX4090&#xff0c;也不能复用公司的电脑&#xff0c;其他配置跟不上。…
阅读更多...
【树状数组专题】【蓝桥杯备考训练】：数星星、动态求连续区间和、一个简单的整数问题、一个简单的整数问题2【已更新完成】

【树状数组专题】【蓝桥杯备考训练】：数星星、动态求连续区间和、一个简单的整数问题、一个简单的整数问题2【已更新完成】

目录 1、数星星&#xff08;《信息学奥赛一本通》 & ural 1028&#xff09; 思路&#xff1a; 基本思路&#xff1a; 树状数组经典三函数&#xff1a; 1、lowbit()函数 2、query()函数 3、add()函数 最终代码&#xff1a; 2、动态求连续区间和&#xff08;《信息学奥赛一本…
阅读更多...
java电话号码的字母组合（力扣Leetcode17）

java电话号码的字母组合（力扣Leetcode17）

电话号码的字母组合 力扣原题链接 问题描述 给定一个仅包含数字 2-9 的字符串&#xff0c;返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下&#xff08;与电话按键相同&#xff09;。注意 1 不对应任何字母。 示例 示例 1&#xff1a;…
阅读更多...
【Web】记录Polar靶场＜困难＞难度题一遍过

【Web】记录Polar靶场＜困难＞难度题一遍过

目录 上传 PHP是世界上最好的语言 非常好绕的命令执行 这又是一个上传 网站被黑 flask_pin veryphp 毒鸡汤 upload tutu Unserialize_Escape 自由的文件上传系统​​​​​​​ ezjava 苦海 你想逃也逃不掉 safe_include CB链 phar PHP_Deserializatio…
阅读更多...
算法整理：二分查找

算法整理：二分查找

1二分查找&#xff1a;在有序集合搜索特定值的过程&#xff0c;每次比较之后将查找空间一分为二。 target:要查找的值 index:当前位置 left,right:维持查找空间的指标 mid:用来确定向左查还是向右查的索引 查找空间: [left,right] 二分查找维护left&#xff0c;right&#xff0…
阅读更多...
QA测试开发工程师面试题满分问答4: 如何测试购物车功能？

QA测试开发工程师面试题满分问答4: 如何测试购物车功能？

当测试一个购物车时&#xff0c;我们需要采用全面的测试策略&#xff0c;以确保购物车在各种情况下的功能正常、性能良好和用户体验优秀。以下是一个详细的测试计划&#xff0c;包含了各个方面的测试。 功能测试&#xff1a; 添加商品到购物车&#xff1a;验证能否将商品成功添…
阅读更多...
【算法集训】基础算法：前缀和 | 概念篇

【算法集训】基础算法：前缀和 | 概念篇

前缀和就是对于顺序表&#xff08;数组、列表&#xff09;来说&#xff0c;计算前面某一段元素的和。 1、部分和 给定一个数组&#xff0c;求某一段子数组的和。 2、朴素做法 int partialSum(int *a, int l, int r) {int i;int s 0;for(i l; i < r; i) {s a[i];}retu…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发