【御控物联】JavaScript JSON结构转换（13）：对象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结构：

{
    "a": {
        "k": "v",
        "a": "b"
    }
}

目标JSON结构：

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

转换需求：

以下需求分别执行

场景一：

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

场景二：

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

场景三：

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

三、代码实现

场景一：

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

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[0]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  },
  {
    "OrgJsonPath": "root.a",
    "AimJsonPath": "root.b1[1]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
  ,
  {
    "OrgJsonPath": "root.a",
    "AimJsonPath": "root.b1[2]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
      "a": {
          "k": "v",
          "a": "b"
      }
  };
const jsonAim = {
    "b1": [
      [
        {
          "k1_child": "v1_child"
        }
      ],
      [
        {
          "k2_child": "v2_child"
        }
      ],
      [
        {
          "k3_child": "v3_child"
        }
      ]
    ]
  };

/*******************数组转对象    测试程序***************** */

let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

场景二：

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


import JsonTranferUtil from './json_transfer'

/************************数组转对象   示例数据 ********************** */


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.a.k",
    "AimJsonPath": "root.b1[0]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  },
  {
    "OrgJsonPath": "root.a.k",
    "AimJsonPath": "root.b1[1]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
  ,
  {
    "OrgJsonPath": "root.a.k",
    "AimJsonPath": "root.b1[2]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "2",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
      "a": {
          "k": "v",
          "a": "b"
      }
  };
const jsonAim = {
    "b1": [
      [
        {
          "k1_child": "v1_child"
        }
      ],
      [
        {
          "k2_child": "v2_child"
        }
      ],
      [
        {
          "k3_child": "v3_child"
        }
      ]
    ]
  };

/*******************数组转对象    测试程序***************** */

let jsonTranferUtil = new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result = jsonTranferUtil.tranJson();
console.log("*************************最终转换结果*********************************")
console.log(JSON.stringify(result), 9999999999999)

执行结果如下：

在这里插入图片描述

场景三：

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


import JsonTranferUtil from './json_transfer'

/************************数组转对象   示例数据 ********************** */


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.a.k",
    "AimJsonPath": "root.b1[0]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  },
  {
    "OrgJsonPath": "root.a.a",
    "AimJsonPath": "root.b1[0]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
 
];
const jsonOrg = {
      "a": {
          "k": "v",
          "a": "b"
      }
  };
const jsonAim = {
    "b1": [
      [
        {
          "k1_child": "v1_child"
        }
      ],
      [
        {
          "k2_child": "v2_child"
        }
      ],
      [
        {
          "k3_child": "v3_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/

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

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

相关文章

电梯四种事故检测YOLOV8

电梯四种事故检测YOLOV8

电梯四种事故检测，采用YOLOV8训练得到PT模型，然后转换成ONNX，OPENCV调用，支持C/PYTHON/ANDORID开发 电梯四种事故检测YOLOV8
阅读更多...
matlab——基于三维激光扫描点云的树冠体积计算方法

matlab——基于三维激光扫描点云的树冠体积计算方法

目录 一、算法原理1、原理概述2、参考文献二、代码实现三、结果展示本文由CSDN点云侠原创，原文链接。如果你不是在点云侠的博客中看到该文章，那么此处便是不要脸的爬虫与GPT。 一、算法原理 1、原理概述 针对树冠形状不规则，树冠体积难以测量和计算的问题，提出一种基于三…
阅读更多...
Android Studio调试中的坑

Android Studio调试中的坑

1、新建Android工程后编译发现报错 2、发现无33和34的SDK更新 3、查看google相关文档 Android Gradle 插件 8.3 版本说明 | Android Studio | Android Developers 如果需要支持相关更高SDK需要的Android Studio版本和Android Gradle 插件是有版本要求的，相关要…
阅读更多...
C++提高编程之STL初始

C++提高编程之STL初始

1.STL的诞生 长久以来，软件界一直希望建立重复性的东西C的面向对象和泛型编程思想，目的就是复用性的提升大多情况下，数据结构和算法都未能有一套标准,导致被迫从事大量重复工作为了建立数据结构和算法的一套标准,诞生了STL 2，ST…
阅读更多...
ubuntu18.04 pycharm

ubuntu18.04 pycharm

一、下载pycharm （1）进入官网下载Download PyCharm: The Python IDE for data science and web development by JetBrains 选择专业版（professional）直接点击下载（download），我下载的是2023.3…
阅读更多...
Netty学习——源码篇10 Netty内存分配ByteBuf基础

Netty学习——源码篇10 Netty内存分配ByteBuf基础

1 初始ByteBuf ByteBuf是Netty整个结构中最为底层的模块，主要负责把数据从底层I/O读取到ByteBuf，然后传递给应用程序，应用程序处理完成后再把数据封装成ByteBuf写回I/O。所以，ByteBuf是直接与底层打交道的一层抽象。 2 ByteBuf的…
阅读更多...
计算机网络-HTTP相关知识-HTTPS基础

计算机网络-HTTP相关知识-HTTPS基础

HTTP与HTTPS的区别： HTTPS在TCP和HTTP网络层之间加入了SSL/TLS安全协议层。这个安全协议层可以对数据进行加密，确保数据在传输过程中的安全。HTTPS在TCP三次握手之后，还需进行SSL/TLS的握手过程。这个握手过程主要是为了在客户端和服务器之间…
阅读更多...
react16路由缓存react-activation详解

react16路由缓存react-activation详解

react PC端项目构建TS，react18.2.0antdviteaxiosreduxsassts 完整版代码下载： https://download.csdn.net/download/randy521520/88922625 react PC端项目构建，react18.2.0antdviteaxiosreduxsass完整版代码下载： https://downloa…
阅读更多...
Bun 1.1 发布，全面支持 Windows 系统

Bun 1.1 发布，全面支持 Windows 系统

4 月 2 日，Jarred Sumner 宣布 Bun 1.1 正式推出。Bun 是一个快速、一体化的工具包，用于运行、构建、测试和调试 JavaScript 和 TypeScript，从单个脚本到全栈应用程序。如果您是 Bun 的新手，可以在 Bun 1.0 博客文章中了解更多信息…
阅读更多...
Elasticsearch 免费许可证到期问题解决

Elasticsearch 免费许可证到期问题解决

问题 es日志报错信息：current license is non-compliant for [security] [2024-04-01T03:20:52.96800:00][ERROR][savedobjects-service] [.kibana_alerting_cases] Action failed with security_exceptionRoot causes:security_exception: current license is no…
阅读更多...
Spark 起源发展与项目架构说明

Spark 起源发展与项目架构说明

文章目录 前言Spark 的起源Spark 是什么速度易用性模块化可扩展性 分析方法的统一Spark SQLSpark MLlibSpark Structured StreamingGraphX Spark的分布式执行Spark driverSparkSessionCluster managerSpark executor部署模式分布式数据和分区 开发的经验Spark 的使用人群与使用…
阅读更多...
0基础 三个月掌握C语言（16）

0基础 三个月掌握C语言（16）

⽂件操作 为什么使⽤⽂件？ 如果没有⽂件，我们写的程序的数据是存储在电脑的内存中，如果程序退出，内存回收，数据就丢失了，等再次运⾏程序，是看不到上次程序的数据的，如果要将数据…
阅读更多...
成都直播产业园有哪些特色服务

成都直播产业园有哪些特色服务

在成都这片热土上，天府锋巢直播产业基地以其特色服务独树一帜，成为了引领直播行业的先锋。 一、天府锋巢直播产业基地的特色服务，首先体现在其完善的产业链整合能力上。 作为西南大型的成都直播产业园区，这里不仅汇聚了众多优秀…
阅读更多...
js实现简单的添加移除水印效果

js实现简单的添加移除水印效果

一、实现场景 在做某些内部管理系统时，需求可能要求增加水印，水印内容通常可能是logo或者用户名手机号。实现效果如图： 以下步骤可实现简单添加或者移除水印，并且可以自定义样式、旋转角度等。 二、实现方式 1、先新建一个js…
阅读更多...
网络套接字补充——TCP网络编程

网络套接字补充——TCP网络编程

六、TCP网络编程 6.1IP地址字符串和整数之间的转换接口 //字符串转整数接口 #include <sys/socket.h> #include <netinet/in.h> #include <arpa/inet.h> int inet_aton(const char *cp, struct in_addr *inp); int inet_pton(int af, const char *strptr, …
阅读更多...
Go微服务实战——服务治理（负载均衡，请求重试，服务熔断，服务降级）

Go微服务实战——服务治理（负载均衡，请求重试，服务熔断，服务降级）

负载均衡 在微服务架构中各个服务都是独立部署、可独立扩展和管理的。在上一节Go微服务实战——服务的注册与获取&#xff08;nacos做服务注册中心&#xff09;将所有的服务注册到注册中心&#xff0c;供其他服务使用。 这是对于整个系统的层面&#xff0c;对于单个服务来说&…
阅读更多...
Linux：运营商在网络中扮演的角色

Linux：运营商在网络中扮演的角色

文章目录 ip目前的问题ip目前的几种解决方案私有ipVS公有ip运营商再谈ip划分运营商的角度看ip 本篇总结的是运营商在网络中扮演的角色 ip目前的问题 在目前看来&#xff0c;ip最大的问题是ip号不够用了&#xff0c;那这个问题如何解决呢&#xff1f; 在之前的内容中有子网掩…
阅读更多...
什么是智慧公厕？智慧旅游下的智慧公厕功能和特点

什么是智慧公厕？智慧旅游下的智慧公厕功能和特点

智慧旅游下的智慧公厕功能和特点&#xff1f;智慧旅游是景区、公园、游乐场、文化场馆等领域的一种信息化解决方案&#xff0c;智慧公厕是智慧旅游极为重要的一部分&#xff0c;能大大提升游客满意度。智慧公厕采用物联网、互联网、大数据、云计算等技术&#xff0c;实现旅游景…
阅读更多...
RPM与YUM

RPM与YUM

目录 rpm包的管理 介绍 rpm包的简单查询指令 rpm包名基本格式 rpm包的其他查询指令: 卸载rpm包 yum 介绍 rpm包的管理 介绍 rpm用于互联网下载包的打包及安装工具,它包含在某些Linux分发版中.它生成具有.RPM扩展名的文件.RPM是RedHat Package Manager(RedHat)软件包管…
阅读更多...
SDWebImage源码解析---疑难问题解答

SDWebImage源码解析---疑难问题解答

SDWebImage的简单流程图&#xff1a; 上图大致流程是对的&#xff0c;有几个没写到的地方&#xff1a; 加载沙盒中对应的图片后&#xff0c;不仅要显示&#xff0c;而且要把图片缓存到内存中下载完毕后&#xff0c;有一个异步解码的过程&#xff0c;没体现出来 网上有大佬做了…
阅读更多...
最新文章

Copyright @ 2022~2023