【御控物联】JavaScript JSON结构转换(16):对象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.转换操作【高级配置选项】

转换操作包含三种

  • 复制源子元素(原Key)(默认)
    将源的子元素复制到目标元素中,并保留源子元素的Key

  • 复制源子元素(新Key)
    将源的子元素复制到目标元素中,并为目标元素的新生成的子元素重新生成Key

  • 复制目标子元素
    依据源的子元素的个数,复制与源子元素同等数量的目标元素的首子元素到目标元素,并为目标元素的新生成的子元素重新生成Key

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

源JSON结构:

{"a": {"c_child": "2",    "d_child": "3",     "e_child": "4"}    
}

目标JSON结构:

{"b1": [[{"k1_child": "v1_child"}]]
}

转换需求:

以下需求分别执行

  1. 在目标b1中依据源生成同等数量的子元素
  2. root.b1[*][*].k1_child的键用root.a.*键替换
  3. root.b1[*][*].k1_child的值用root.a.*值替换

期望效果:

{"b1": [[{"c_child": "2"}],[{"d_child": "3"}],[{"e_child": "4"}]]
}

四、代码实现


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": "3","TranWay": "1"}},{"OrgJsonPath": "root.a.*","AimJsonPath": "root.b1[*][*].k1_child","TranType": 1,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "3","TranWay": "2"}},{"OrgJsonPath": "root.a.*","AimJsonPath": "root.b1[*][*].k1_child","TranType": 4,"Options": {"KeyInitIndex": 0,"AddElementsOption": "1","TranOP": "3","TranWay": "2"}}
];
const jsonOrg = {"a": {"c_child": "2",    "d_child": "3",     "e_child": "4"}    };
const jsonAim = {"b1": [[{"k1_child": "v1_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.mzph.cn/news/800012.shtml

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

相关文章

php反序列化题目

[NewStarCTF 公开赛赛道]UnserializeOne 分析代码,最终需要调用到 file_get_contents 即可获得flag 从后往前分析 触发 __invoke 需要 以调用函数的方式调用一个对象 可以找到Start类 里的__isset中可以将类当作函数调用 所以需要调用到 __isset 就需要 isset()…

提示工程中的10个设计模式

我们可以将提示词定义为向大型语言模型(Large Language Model,LLM)提供的一个查询或一组指令,这些指令随后使模型能够维持一定程度的自定义或增强,以改进其功能并影响其输出。我们可以通过提供细节、规则和指导来引出更有针对性的输出&#x…

组合数(费马小定理, 快速幂)

给定 n 组询问,每组询问给定两个整数 a,b,请你输出 Cbamod(1097)的值。 输入格式 第一行包含整数 n。 接下来 n 行,每行包含一组 a 和 b。 输出格式 共 n 行,每行输出一个询问的解。 数据范围 1≤n≤10000, 1≤…

gcc/g++:预编译阶段查看层级依赖可用宏列表

预编译阶段查看层级依赖可用宏列表首先需要找到需要包含头文件的位置,然后进行引入。 示例: 1)用户头文件 /*brief design and implements of demo-for-precompile.author wenxuanpeiemail 15873152445163.com(query for any question here…

HBase不过是用个hash算法在逻辑上拼凑的数据表而已,到底有什么厉害的地方?

HBase不过是用个hash算法在逻辑上拼凑的数据表而已,到底有什么厉害的地方? HBase 的核心设计理念是利用哈希算法和键值对(key-value pair)来达到高效、可扩展的大数据存储和查找。 HBase是一个分布式的、可扩展的、大规模数据存储…

iOS代码加固与保护方法详解 - 提升iOS应用安全性的关键步骤

憧憬blog主页 在强者的眼中,没有最好,只有更好。我们是移动开发领域的优质创作者,同时也是阿里云专家博主。 ✨ 关注我们的主页,探索iOS开发的无限可能! 🔥我们与您分享最新的技术洞察和实战经验&#xff0…

基于大模型的态势认知智能体

源自:指挥控制与仿真 作者:孙怡峰, 廖树范, 吴疆 李福林 “人工智能技术与咨询” 发布 摘要 针对战场态势信息众多、变化趋势认知困难的问题,提出基于大模型的态势认知智能体框架和智能态势认知推演方法。从认知概念出发,结合智能体的抽象性、具…

大厂高频面试题复习JAVA学习笔记-JUC多线程及高并发(上)

目录 0 JUC基础概念 wait/sleep的区别 并发与并行的区别 线程的六个状态 JUC结构 ​编辑 1 请谈谈你对volatile的理解 JMM(java内存模型) 可见性 不保证原子性 有序性​编辑 指令重排 哪些地方用到volatile: 双端检查机制DLC …

MySQL-6.表的高级查询(多表查询、子查询、表复制、合并查询、表外连接)

6.1 多表查询 基于两个或以上表的查询,默认从表1取出一行,与表2的每一行组合,返回的记录数为表1表2,默认返回的结果为笛卡尔集,需写出正确的WHERE条件进行筛选。 多表查询的条件不能少于表的个数-1,否则会…

按关键字搜索商品API接口搜索关键字,显示商品总数,标题,图片,优惠价参数等

按关键字搜索商品API接口通常用于根据关键字搜索商品,并返回商品的相关信息。以下是一个示例,说明如何使用Python调用按关键字搜索商品API接口。 item_search-按关键字搜索淘宝商品 公共参数 API接口请求地址:调用key 名称类型必须描述keyString是调用…

LeetCode刷题之105. 从前序与中序遍历序列构造二叉树

文章目录 1.题目描述2. 分析2.1 前序遍历2.1.1 什么是前序遍历?2.1.2 前序遍历有什么特点? 2.2 中序遍历2.2.1 什么是中序遍历2.2.2 中序遍历有什么特点? 2.3 后序遍历2.3.1 什么是后序遍历?2.3.2 特点 2.4 总结 3. 解法 1.题目描…

漏洞挖掘 | 两个src案例分享

案例一 - 存储型XSS 文前废话:某天正在刷着**社区的帖子,突然间评论区的一条评论引起了我的注意,类似于下面这样 其中字体是蓝色的&#xff0c;这种评论在html标签中代码格式是<a>这是文字</a>这样的链接个格式。 同时评论区XSS漏洞的高发区,想着可能会有操作点 …

vue路由跳转页面

目录 1、打开工程文件夹&#xff0c;cmd到命令窗口 2、安装vue-router 3、在src/router/index.js中创建路由器&#xff0c;并导出 4、在main.js中引入路由 5、声明router-view标签&#xff0c;展示组件内容 6、页面跳转 1、打开工程文件夹&#xff0c;cmd到命令窗口 2、…

每日一题|字符迁移【算法赛】|字符数组+前缀和+差分

每日一题|字符迁移【算法赛】 字符迁移 心有猛虎&#xff0c;细嗅蔷薇。你好朋友&#xff0c;这里是锅巴的C\C学习笔记&#xff0c;常言道&#xff0c;不积跬步无以至千里&#xff0c;希望有朝一日我们积累的滴水可以击穿顽石。 字符迁移 注意&#xff1a; 预习知识&#xf…

C# 字符串和枚举类型互相转换

string 转TEnum if (Enum.IsDefined(typeof(TEnum), s)) {TEnum e (TEnum)Enum.Parse(typeof(TEnum), s); } 或 Enum.TryParse<TEnum>(s, out TEnum e); TEnum 转 string string s e.ToString(); 或 string s Enum.GetName(typepof(TEnum), e);

【InternLM 实战营第二期笔记】使用茴香豆搭建你的RAG智能助理

RAG RAG是什么 RAG&#xff08;Retrieval Augmented Generation&#xff09;技术&#xff0c;通过检索与用户输入相关的信息片段&#xff0c;并结合外部知识库来生成更准确、更丰富的回答。解决 LLMs 在处理知识密集型任务时可能遇到的挑战, 如幻觉、知识过时和缺乏透明、可追…

国产化信创安装tengine代替nginx服务

1.上传最新下载的xxx.tar.gz包&#xff0c;下载地址https://tengine.taobao.org/download.html2.解压tar -xvf xxx.tar.gz cd进入解压的包 可以给予所有权限chmod 777 -R tengine文件夹3.cd 进入tengine文件夹执行编译./configure --prefix/usr/local/nginx --with-http_stub_…

LeetCode-34. 在排序数组中查找元素的第一个和最后一个位置【数组 二分查找】

LeetCode-34. 在排序数组中查找元素的第一个和最后一个位置【数组 二分查找】 题目描述&#xff1a;解题思路一&#xff1a;二分查找&#xff0c;用start bisect.bisect_left(nums, target)。end bisect.bisect_left(nums,target1) -1 之后return [start, end]解题思路二&…

C++STL(list类)

文章目录 1.list类的介绍2.list的基本用法2.1 基本用法2.2 迭代器失效2.3 reverse(逆置)2.3 sort(排序)2.4 unique(去重)2.5 splice(转移) 3.list的底层(模拟实现)3.1 list的3.2 修改链表问题3.3 完整代码 1.list类的介绍 list是可以在常数范围内在任意位置进行插入和删除的序列…

vue3使用@antv/x6-边工具的右键菜单实现

官方文档是react实现的&#xff0c;但项目里使用的vue3elementPlus&#xff0c;经过研究后通过以下方式实现&#xff1a; 在根目录的index.html里添加右键菜单的元素 <body> <!-- 模型的自定义工具容器 --><div id"graph-dropdown"></div>…