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

news/2025/3/16 2:14:48/

文章目录

  • 一、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": {"k": "v","g": {"g_child": "gv"}}
}

目标JSON结构：

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

转换需求：

以下需求分别执行

  1. 将源结构的“a.*”值追加到目标结构的“b1”值
  2. 将源结构的“a.*”值替换到目标结构的“b1”值
  3. 将源结构的“a.*”值追加到目标结构的“b1”值，由于是数组所以转换操作配置失效
  4. 将源结构的“a.*”键追加到目标结构的“b1”值，由于是数组所以转换操作配置失效
  5. 将源结构的“a.*.*”值追加到目标结构的“b1”值

四、代码实现

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


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","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"a": {"k": "v","g": {"g_child": "gv"}}
};
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)

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

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

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","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "2","TranOP": "1","TranWay": "1"}}
];
const jsonOrg = {"a": {"k": "v","g": {"g_child": "gv"}}
};
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)

执行结果如下：

在这里插入图片描述

3.将源结构的“a.*”值追加到目标结构的“b1”值，由于是数组所以转换操作配置失效

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","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "2","TranWay": "1"}}
];
const jsonOrg = {"a": {"k": "v","g": {"g_child": "gv"}}
};
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)

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

4.将源结构的“a.*”键追加到目标结构的“b1”值，由于是数组所以转换操作配置失效

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","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "2","TranWay": "1"}}
];
const jsonOrg = {"a": {"k": "v","g": {"g_child": "gv"}}
};
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)

执行结果如下：

在这里插入图片描述

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


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","TranType": 2,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "2","TranWay": "1"}}
];
const jsonOrg = {"a": {"k": "v","g": {"g_child": "gv"}}
};
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/

http://www.ppmy.cn/news/1405542.html

相关文章

Ubuntu18.04安装wireshark

Ubuntu18.04安装wireshark

安装wireshark 环境Ubuntu18.04 1.使用root用户进行安装 2.将 wireshark-dev/stable PPA 添加到系统的软件源列表中。系统就可以从该PPA获取Wireshark软件包及其更新了。 apt-add-repository ppa:wireshark-dev/stable3.确保你系统上的软件包信息是最新的，这样在…
阅读更多...
外贸建站：WordPress搭建外贸独立站零基础自建站完整教程（2024）

外贸建站：WordPress搭建外贸独立站零基础自建站完整教程（2024）

对于做外贸来说，拥有自己的外贸独立网站真的非常重要。在外贸领域，如今各平台竞争激烈，规则多，成本高，价格战、政策变化快，还存在封店风险等等因素。在这种情况下，拥有外贸独立站就能很好规避上…
阅读更多...
Leaflet使用多面（MultiPolygon）进行遥感影像掩膜报错解决之道

Leaflet使用多面（MultiPolygon）进行遥感影像掩膜报错解决之道

目录 前言 一、问题初诊断 1、山重水复 2、柳暗花明 3、庖丁解牛 4、问题定位 二、解决多面掩膜问题 1、尝试数据修复 2、实际修复 3、最终效果 三、总结 前言 之前一篇讲解遥感影像掩膜实现：基于SpringBoot和Leaflet的行政区划地图掩膜效果实战&#xff0…
阅读更多...
大数据面试专题 -- kafka

大数据面试专题 -- kafka

1、什么是消息队列？ 是一个用于存放数据的组件，用于系统之间或者是模块之间的消息传递。 2、消息队列的应用场景？ 主要是用于模块之间的解耦合、异步处理、日志处理、流量削峰 3、什么是kafka？ kafka是一种基于订阅发布模式的…
阅读更多...
P8597 [蓝桥杯 2013 省 B] 翻硬币

P8597 [蓝桥杯 2013 省 B] 翻硬币

# [蓝桥杯 2013 省 B] 翻硬币 ## 题目背景 小明正在玩一个“翻硬币”的游戏。 ## 题目描述 桌上放着排成一排的若干硬币。我们用 * 表示正面，用 o 表示反面（是小写字母，不是零），比如可能情形是 **oo***oooo&#x…
阅读更多...
有关数据开发项目中使用HIVE由于无法update和delete的场景下，如何解决数据增量的思路

有关数据开发项目中使用HIVE由于无法update和delete的场景下，如何解决数据增量的思路

解决数据增量问题的思路在Hive中 在数据开发项目中，使用Hive进行数据处理时，由于Hive不支持update和delete语句，处理数据增量可能会变得有些棘手。然而，有几种策略和技术可以帮助我们解决这个问题，并确保数据增量的高…
阅读更多...
【THM】Nmap Advanced Port Scans（高级端口扫描）-初级渗透测试

【THM】Nmap Advanced Port Scans（高级端口扫描）-初级渗透测试

介绍 本房间是Nmap系列的第三个房间（网络安全简介模块的一部分）。在前两个房间中，我们了解了实时主机发现和基本端口扫描。 Nmap实时主机发现Nmap基本端口扫描Nmap高级端口扫描Nmap后端口扫描在Nmap基本端口扫描中，我们介绍了TCP标志并回顾了TCP 3 路握手。要启动连接，TC…
阅读更多...
unity3d for web

unity3d for web

时光噶然 一晃好多年过去了（干了5年的u3d游戏），记得最后一次使用的版本好像是 unity 2017。 那个是 unity3d for webgl 还需要装个插件。用起来很蛋疼。 最近做一个小项目 在选择是用 Layabox 还是 cocosCreate 的时候 我想起了老战友 Uni…
阅读更多...
最新文章

Copyright @ 2022~2023