【御控物联】 JavaScript JSON结构转换（4）：对象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. 规则属性
规则属性常用于批量属性匹配转换
规则属性包含两种

  • 对象的“ * ”，如a.*、a.*.name、a.*.*、a.*.*.age
  • 数组的“ [*] ”，a[*]、a[*].name

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

源JSON结构：

{
    "a": {
        "b": "1",
        "c": {
            "c_child": "2"
        },
        "d": {
            "d_child": "3"
        }
    }
}

目标JSON结构：

{
    "b1": {
        "k1": "v1",
        "k2": {
            "k2_child": "v2_child"
        },
        "k3": {
            "k3_child": "v3_child"
        }
    }
}

转换需求：

以下需求分别执行

  1. 将源结构的“a.*”值追加到目标结构的“b1”值
  2. 将源结构的“a.*”值替换到目标结构的“b1”值
  3. 将源结构的“a.*”值追加到目标结构的“b1”值，使用高级配置中的转换操作【复制源子元素(新Key)】
  4. 将源结构的“a.*”键追加到目标结构的“b1”值，高级配置中的转换操作【复制源子元素(原Key)】失效，默认为【复制源子元素(新Key)】
  5. 将源结构的“a.*.*”键替换到目标结构的“b1”值

四、代码实现

1.将源结构的“a.*”值追加到目标结构的“b1”值

import JsonTranferUtil from './json_transfer_new'
const jsonOrg = {
  "a": {
    "b": "1",
    "c": {
      "c_child": "2"
    },
    "d": {
      "d_child": "3"
    }
  }
};
const jsonAim = {
  "b1": {
    "k1": "v1",
    "k2": {
      "k2_child": "v2_child"
    },
    "k3": {
      "k3_child": "v3_child"
    }
  }
};
/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "AimJsonPath": "root.b1",
    "OrgJsonPath": "root.a.*",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
/******************* 测试程序***************** */
let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 88888888888)

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

2.将源结构的“a.*”值替换到目标结构的“b1”值

import JsonTranferUtil from './json_transfer_new'
const jsonOrg = {
  "a": {
    "b": "1",
    "c": {
      "c_child": "2"
    },
    "d": {
      "d_child": "3"
    }
  }
};
const jsonAim = {
  "b1": {
    "k1": "v1",
    "k2": {
      "k2_child": "v2_child"
    },
    "k3": {
      "k3_child": "v3_child"
    }
  }
};
/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "AimJsonPath": "root.b1",
    "OrgJsonPath": "root.a.*",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
/******************* 测试程序***************** */
let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 88888888888)

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

3.将源结构的“a.*”值追加到目标结构的“b1”值，使用高级配置中的转换操作【复制源子元素(新Key)】


import JsonTranferUtil from './json_transfer_new'
const jsonOrg = {
  "a": {
    "b": "1",
    "c": {
      "c_child": "2"
    },
    "d": {
      "d_child": "3"
    }
  }
};
const jsonAim = {
  "b1": {    "k1": "v1",
    "k2": {
      "k2_child": "v2_child"
    },
    "k3": {
      "k3_child": "v3_child"
    }
  }
};
/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "AimJsonPath": "root.b1",
    "OrgJsonPath": "root.a.*",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "2",
      "TranWay": "1"
    }
  }
];
/******************* 测试程序***************** */
let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 88888888888)

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

4.将源结构的“a.*”键追加到目标结构的“b1”值，高级配置中的转换操作【复制源子元素(原Key)】失效，默认为【复制源子元素(新Key)】


import JsonTranferUtil from './json_transfer_new'
const jsonOrg = {
  "a": {
    "b": "1",
    "c": {
      "c_child": "2"
    },
    "d": {
      "d_child": "3"
    }
  }
};
const jsonAim = {
  "b1": {
    "k1": "v1",
    "k2": {
      "k2_child": "v2_child"
    },
    "k3": {
      "k3_child": "v3_child"
    }
  }
};
/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "AimJsonPath": "root.b1",
    "OrgJsonPath": "root.a.*",
    "TranType": 2,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "2",
      "TranWay": "1"
    }
  }
];
/******************* 测试程序***************** */
let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 88888888888)

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

5.将源结构的“a.*.*”键替换到目标结构的“b1”值

注意：为了演示，我们将源模板中的a.b属性去掉了

import JsonTranferUtil from './json_transfer_new'
const jsonOrg = {
  "a": {
    "c": {
      "c_child": "2"
    },
    "d": {
      "d_child": "3"
    }
  }
};
const jsonAim = {
  "b1": {
    "k1": "v1",
    "k2": {
      "k2_child": "v2_child"
    },
    "k3": {
      "k3_child": "v3_child"
    }
  }
};
/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "AimJsonPath": "root.b1",
    "OrgJsonPath": "root.a.*.*",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
/******************* 测试程序***************** */
let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 88888888888)

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

五、在线转换工具

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

工具地址：数据转换工具

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

六、技术资料

  • Github:edq-ebara/data-transformation-javascript: 数据转化（javascript） (github.com)
  • 技术探讨QQ群：775932762
  • 工具连接：数据转换工具

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

【Linux】Linux进程控制＞进程创建进程终止进程等待进程程序替换

【Linux】Linux进程控制＞进程创建进程终止进程等待进程程序替换

主页：醋溜马桶圈-CSDN博客 专栏：Linux_醋溜马桶圈的博客-CSDN博客 gitee：mnxcc (mnxcc) - Gitee.com 目录 1.进程创建 1.1 fork函数 1.2 fork函数返回值 1.2.1 写时拷贝 1.3 fork常规用法 1.4 fork调用失败的原因 、 2.进程终止 2.1…
阅读更多...
什么是 SSL 证书？

什么是 SSL 证书？

SSL 证书的介绍 SSL（Secure Sockets Layer）证书是一种由数字证书颁发机构（CA）签发的加密证书，用于在 Web 浏览器和服务器之间建立安全连接。SSL 证书能够确保网站和应用程序的数据传输过程中不被窃听、篡改或伪造&…
阅读更多...
【详解】运算放大器工作原理及其在信号处理中的核心作用

【详解】运算放大器工作原理及其在信号处理中的核心作用

什么是运算放大器 运算放大器（简称“运放”）是一种放大倍数非常高的电路单元。在实际电路中，它常常与反馈网络一起组成一定的功能模块。它是一种带有特殊耦合电路和反馈的放大器。输出信号可以是输入信号的加法、减法、微分和积分等数学运算…
阅读更多...
《AIGC重塑金融：AI大模型驱动的金融变革与实践》

《AIGC重塑金融：AI大模型驱动的金融变革与实践》

🌈个人主页: Aileen_0v0 🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 ​💫个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-oBSlqt4Vga1he7DL {font-family:"trebuchet ms",verdana,arial,sans-serif;font-siz…
阅读更多...
【学习】软件测试行业 ，有哪些以就业为主的学习侧重点

【学习】软件测试行业 ，有哪些以就业为主的学习侧重点

今天给所有入行软测的同学们，帮大家梳理下以就业为主的学习侧重点，简单来说就是【这些都是重点，圈起来，要考的】，有需要的小伙伴可以往下看。 建议一：一定要学习一门编程语言，再开始使用自动化测…
阅读更多...
uniapp实现列表动态添加

uniapp实现列表动态添加

1.效果图&#xff1a; 2.代码实现&#xff1a; 这里没有用uniapp提供的uni-list控件 <template> <view id"app"> <!-- 这里为了让标题&#xff08;h&#xff09;居中展示&#xff0c;给h标签设置了父标签&#xff0c;并设置父标签text-…
阅读更多...
微信公众号运营必备工具合集

微信公众号运营必备工具合集

微信公众号运营必备工具合集 各位同学&#xff0c;想要成为一名合格的公众号运营&#xff0c;必须要搭建一个属于自己的运营工具库&#xff0c;可以在日常工作中最大限度的提高效率。 91微信编辑器 &#xff1a;http://bj.91join.com/ 壹伴助手&#xff1a;https://yiban.io…
阅读更多...
深入理解Happens-Before原则：以实例解析并发编程的基石

深入理解Happens-Before原则：以实例解析并发编程的基石

在最近的一次面试中面试官问到了Happens-Before原则&#xff0c;作此篇回顾下知识点。 在并发编程中&#xff0c;为了保证程序的正确性和可预测性&#xff0c;我们需要理解并遵循一系列内存访问规则。Happens-Before原则定义了线程间可见性和顺序性的保证。所有此篇文章将通过…
阅读更多...
针对pycharm打开新项目需要重新下载tensorflow的问题解决

针对pycharm打开新项目需要重新下载tensorflow的问题解决

目录 一、前提 二、原因 三、解决办法 一、前提 下载包之前&#xff0c;已经打开了&#xff0c;某个项目。 比如&#xff1a;我先打开了下面这个项目&#xff1a; 然后在terminal使用pip命令下载&#xff1a; 如果是这种情况&#xff0c;你下载的这个包一般都只能用在这一个…
阅读更多...
【学习笔记】java项目—苍穹外卖day04

【学习笔记】java项目—苍穹外卖day04

文章目录 1. 新增套餐1.1 需求分析和设计1.2 代码实现1.2.1 DishController1.2.2 DishService1.2.3 DishServiceImpl1.2.4 DishMapper1.2.5 DishMapper.xml1.2.6 SetmealController1.2.7 SetmealService1.2.8 SetmealServiceImpl1.2.9 SetmealMapper1.2.10 SetmealMapper.xml1.…
阅读更多...
【Docker】搭建强大的Nginx可视化配置工具 - nginxWebUI

【Docker】搭建强大的Nginx可视化配置工具 - nginxWebUI

【Docker】搭建强大的Nginx可视化配置工具 - nginxWebUI 前言 本教程基于绿联的NAS设备DX4600 Pro的docker功能进行搭建。 简介 NginxWebUI是一个基于Java的&#xff0c;专门用来管理Nginx的图形界面工具。它是开源的&#xff0c;使用相对简单且功能全面。 使用NginxWebUI…
阅读更多...
Android裁剪图片为波浪形或者曲线形的ImageView

Android裁剪图片为波浪形或者曲线形的ImageView

如果需要做一个自定义的波浪效果的进度条&#xff0c;裁剪图片&#xff0c;对ImageView的图片进行裁剪&#xff0c;比如下面2张图&#xff0c;如何实现&#xff1f; 先看下面的效果&#xff0c;看到其实只需要对第一张高亮的图片进行处理即可&#xff0c;灰色状态的作为背景图。…
阅读更多...
link 样式表是否会阻塞页面内容的展示？取决于浏览器，edge 和 chrome 会，但 firefox 不会。

link 样式表是否会阻塞页面内容的展示？取决于浏览器，edge 和 chrome 会，但 firefox 不会。

经过实测&#xff1a; 在 head 中 link 一个 1M 大小的样式表。设置网络下载时间大概为 10 秒。 edge 和 chrome 只有在下载完样式表后&#xff0c;页面上才会出现内容。而 firefox 可以直接先显示内容&#xff0c;然后等待样式表下载完成后再应用样式。 DOMContentLoaded 事…
阅读更多...
我如何学会在学术界培养人际关系，并变得更加友善

我如何学会在学术界培养人际关系，并变得更加友善

我是一名初级教授&#xff0c;压力很大&#xff0c;工作到筋疲力尽&#xff0c;但在工作和家庭中仍然感到不足。因此&#xff0c;当我的入门编程课程的三名学生在学期结束时来到我的办公室&#xff0c;对他们的成绩感到担忧时&#xff0c;我觉得我没有时间处理他们的抱怨。我觉…
阅读更多...
Vulnhub：MY FILE SERVER: 1

Vulnhub：MY FILE SERVER: 1

目录 信息收集 1、arp 2、nmap 3、whatweb WEB web信息收集 dirmap FTP匿名登录 enum4linux smbclient showmount FTP登录 ssh-kegen ssh登录 提权 系统信息收集 脏牛提权 get root 信息收集 1、arp ┌──(root㉿ru)-[~/kali/vulnhub] └─# arp-scan -l I…
阅读更多...
2024UI自动化面试题汇总【建议收藏】

2024UI自动化面试题汇总【建议收藏】

1.你是如何搭建ui自动化框架的&#xff1f; 在搭建ui自动化框架&#xff0c;使用的是po设计模式&#xff0c;也就是把每一个页面所需要 操作的元素和步骤都封装成一个页面类中。然后使用seleniumunittest搭建 四层框架实现数据、脚本、业务逻辑分离&#xff08;关键字驱动&…
阅读更多...
【微服务】配置Nacos管理SpringBoot配置文件（附解压包）

【微服务】配置Nacos管理SpringBoot配置文件（附解压包）

&#x1f4dd;个人主页&#xff1a;哈__ 期待您的关注 一、什么是Nacos Nacos可以帮助我们配置和管理微服务&#xff0c;是阿里的一个开源产品&#xff0c;是针对微服务架构中的服务发现、配置管理、服务治理的综合型解决方案。Nacos可以用来实现配置中心和服务注册中心。 …
阅读更多...
【3月30日信息差】2G 50/年,4G 618/3年 云服务器全网对比 游戏服务器活动 我的世界 幻兽帕鲁 雾锁王国通用

【3月30日信息差】2G 50/年,4G 618/3年 云服务器全网对比 游戏服务器活动 我的世界 幻兽帕鲁 雾锁王国通用

本文纯原创&#xff0c;侵权必究 【云服务器推荐】价格对比&#xff01;阿里云 京东云 腾讯云 选购指南视频截图 《最新对比表》已更新在文章头部—腾讯云文档&#xff0c;文章具有时效性&#xff0c;请以腾讯文档为准&#xff01; 【腾讯文档实时更新】2024年-幻兽帕鲁服务器…
阅读更多...
Python数据结构实验 图实验（一）

Python数据结构实验 图实验（一）

一、实验目的 1&#xff0e;熟悉图的相关概念&#xff0c;包括有向图、无向图、完全图、子图、路径、简单路径、路径长度、回路等定义&#xff1b; 2&#xff0e;掌握图的各种存储结构&#xff0c;主要包括邻接矩阵和邻接表的相关算法设计&#xff1b; 3&#xff0e;掌握图的…
阅读更多...
node.js 入门案例 安装教程

node.js 入门案例 安装教程

前言 Node.js是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境&#xff0c;基于Google的V8引擎&#xff0c;V8引擎执行Javascript的速度非常快&#xff0c;性能非常好。 可以让JavaScript在服务器端运行。它具有轻量级、高…
阅读更多...
最新文章

Copyright @ 2022~2023

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