【御控物联】JavaScript JSON结构转换（12）：对象To数组——键值互换

news2024/11/26 4:30:55

文章目录

  • 一、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": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
}

目标JSON结构：

{
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
}

转换需求：

以下需求分别执行

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

四、代码实现

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": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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

执行结果如下：

在这里插入图片描述

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



import JsonTranferUtil from './json_transfer'

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


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.devOrg.642fccd1Org",
    "AimJsonPath": "root.devAim",
    "TranType": 2,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
  "devOrg": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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

执行结果如下：

在这里插入图片描述

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



import JsonTranferUtil from './json_transfer'

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


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.devOrg.642fccd1Org",
    "AimJsonPath": "root.devAim",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
  "devOrg": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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

执行结果如下：

在这里插入图片描述

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



import JsonTranferUtil from './json_transfer'

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


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.devOrg.642fccd1Org.1Org",
    "AimJsonPath": "root.devAim[0]",
    "TranType": 2,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
  "devOrg": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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

执行结果如下：

在这里插入图片描述

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


import JsonTranferUtil from './json_transfer'

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


/// 转换类型
/// 1：源Key->目标Key
/// 2：源Key->目标Value
/// 3：源Value->目标Key
/// 4：源Value->目标Value
const mappings = [
  {
    "OrgJsonPath": "root.devOrg.642fccd1Org.1Org",
    "AimJsonPath": "root.devAim[0]",
    "TranType": 4,
    "Options": {
      "KeyInitIndex": 0,
      "AddElementsOption": "1",
      "TranOP": "1",
      "TranWay": "1"
    }
  }
];
const jsonOrg = {
  "devOrg": {
    "642fccd1Org": {
      "1Org": "111",
      "2Org": "122"
    },
    "timeOrg": 1682476529
  }
};
const jsonAim = {
  "devAim":[{
    "idAim": "0001",
    "proAim": [{
      "idAim": "",
      "nAim": "11",
      "dtAim": "",
      "vAim": "1.1",
      "qAim": ""
    }]
  }]
};

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

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
  • 工具连接：数据转换工具

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Adobe Illustrator 2023 for Mac/Win：创意无限，设计无界

Adobe Illustrator 2023 for Mac/Win：创意无限，设计无界

在数字艺术与设计领域，Adobe Illustrator 2023无疑是一颗璀璨的明星。这款专为Mac和Windows用户打造的矢量图形设计软件，以其强大的功能和卓越的性能，赢得了全球设计师的广泛赞誉。 Adobe Illustrator 2023在继承前代版本优点的基础上&#…
阅读更多...
【DETR系列目标检测算法代码精讲】01 DETR算法01 DETR算法框架和网络结构介绍

【DETR系列目标检测算法代码精讲】01 DETR算法01 DETR算法框架和网络结构介绍

为什么要有DETR 总所周知，传统的目标检测算法非常依赖于anchor和nms等手工设计操作，非常费时费力，自然而然的就产生了取消这些操作的想法。但是我们首先需要思考的是，为什么我们需要anchor和nms？ 因为我们是没有指定…
阅读更多...
正大国际：期货入门的基础知识是什么？

正大国际：期货入门的基础知识是什么？

期货的概念很简单，就是一种远期合同，买卖双方约定交易物、交易价格与交易时间。难就难在如何理解它具备的杠杆率，人们是如何在这上面暴富或破产的 很多人抱有这么个错觉，觉得期货是一个小众市场。但其实，世界上所发生…
阅读更多...
P-MapNet：Far-seeing Map Generator Enhanced by both SDMap and HDMap Priors

P-MapNet：Far-seeing Map Generator Enhanced by both SDMap and HDMap Priors

主页：homepage 参考代码：P-MapNet 动机与出发点 在感知系统中引入先验信息是可以提升静态元素感知网络的上限的，这篇文章对SD地图采用栅格化表示（也就是图像形式），之后用CNN网络去抽取栅格化SD地图的信息&…
阅读更多...
软件测试面试——你准备好了吗？

软件测试面试——你准备好了吗？

软件的生命周期 计划阶段-〉需求分析-〉设计阶段-〉编码->测试->运行与维护 测试用例：用例ID，测试项，重要级别，优先级别，预置条件，测试标题，操作步骤，预期结果。&#xff08…
阅读更多...
Mybatis (1)

Mybatis (1)

mybatis 1、入门2、事务管理机制3、日志和junit配置3、mybatis工具类4、CRUD4.1 insert4.1.1 map方式4.1.2 对象方式 4.2 delete4.3 update4.4 select（Retrieve）4.4.1 查询一个结果4.4.2 查询多个结果 4.5 命名空间 1、入门 ①创建一个空项目&#xff1…
阅读更多...
java电话号码的字母组合（力扣Leetcode17）

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

电话号码的字母组合 力扣原题链接 问题描述 给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。 示例 示例 1：…
阅读更多...
理解游戏服务器架构-部署架构

理解游戏服务器架构-部署架构

目录 前言 我所理解的服务器架构 什么是否部署架构 部署架构的职责 进程业务职责 网络链接及通讯方式 与客户端的连接方式 服务器之间连接关系 数据落地以及一致性 数据库的选择 数据访问三级缓存 数据分片 读写分离 分布式数据处理 负载均衡 热更新 配置更新 …
阅读更多...
flowable-ui后台显式非中文

flowable-ui后台显式非中文

把flowable-ui的war包发布后，后台界面显示的是非中文 用的是6.7.2版本，经过了解该版本是有国际化配置文件的，支持中文 猜测可能是浏览器语言导致未显示中文，在控制台输入navigator.language，查看到果然是英文 解决方案…
阅读更多...
[项目实践]---RSTP生成树

[项目实践]---RSTP生成树

[项目实践] 目录 [项目实践] 一、项目环境 二、项目规划 三、项目实施 四、项目测试 |验证 ---RSTP生成树 一、项目环境 Jan16 公司为提高网络的可靠性，使用了两台高性能交换机作为核心交换机，接入层交 换机与核心层交换机互联，形成冗…
阅读更多...
【Linux】生产者消费者模型{基于BlockingQueue的PC模型/RAII风格的加锁方式/串行，并行，并发}

【Linux】生产者消费者模型{基于BlockingQueue的PC模型/RAII风格的加锁方式/串行，并行，并发}

文章目录 1.认识PC模型2.基于BlockingQueue的PC模型2.1串行，并行，并发2.2理解linux下的并发2.2RAII风格的加锁方式2.3阻塞队列2.4深入理解pthread_cond_wait2.5整体代码1.Task.hpp2.lockGuard.hpp3.BlockQueue.hpp4.pcModel.cc 3.总结PC模型 1.认识PC模型…
阅读更多...
蓝桥杯第十三届电子类单片机组程序设计

蓝桥杯第十三届电子类单片机组程序设计

目录 前言 单片机资源数据包_2023 一、第十三届比赛省赛 1.比赛题目 2.赛题解读 二、部分功能实现 1.继电器的开启与关闭 2.长按切换显示状态功能的实现 3.对于温度传感器小数部分的处理 4.其他处理 1）关于数码管显示小数的处理 2）关于5s后继…
阅读更多...
（完结）Java项目实战笔记--基于SpringBoot3.0开发仿12306高并发售票系统--(三)项目优化

（完结）Java项目实战笔记--基于SpringBoot3.0开发仿12306高并发售票系统--(三)项目优化

本文参考自 Springboot3微服务实战12306高性能售票系统 - 慕课网 (imooc.com) 本文是仿12306项目实战第（三）章——项目优化，本篇将讲解该项目最后的优化部分以及一些压测知识点 本章目录 一、压力测试-高并发优化前后的性能对比1.压力测试相关…
阅读更多...
系统需求分析报告（原件获取）

系统需求分析报告（原件获取）

第1章 序言 第2章 引言 2.1 项目概述 2.2 编写目的 2.3 文档约定 2.4 预期读者及阅读建议 第3章 技术要求 3.1 软件开发要求 第4章 项目建设内容 第5章 系统安全需求 5.1 物理设计安全 5.2 系统安全设计 5.3 网络安全设计 5.4 应用安全设计 5.5 对用户安全管理 …
阅读更多...
Android 自定义EditText

Android 自定义EditText

文章目录 Android 自定义EditText概述源码可清空内容的EditText可显示密码的EditText 使用源码下载 Android 自定义EditText 概述 定义一款可清空内容的 ClearEditText 和可显示密码的 PasswordEditText，支持修改提示图标和大小、背景图片等。 源码 基类&#xf…
阅读更多...
相机标定学习记录

相机标定学习记录

相机标定是计算机视觉和机器视觉领域中的一项基本技术，它的主要目的是通过获取相机的内部参数（内参）和外部参数（外参），以及镜头畸变参数，建立起现实世界中的点与相机成像平面上对应像素点之间准…
阅读更多...
枚举--enum和动态内存管理（malloc和free）

枚举--enum和动态内存管理（malloc和free）

枚举---enum&#xff1a;它的本意就是列举事物&#xff0c;比如&#xff0c;颜色和性别&#xff0c;则代码为&#xff1a; #include<stdio.h> //枚举的示例&#xff1a;性别&#xff0c;颜色 enum sex//性别 {MALE,FEMALE,SECRTY }; enum clore//颜色 {ROW,BLUS,GREEN …
阅读更多...
查找某数据在单链表中出现的次数

查找某数据在单链表中出现的次数

#define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<stdlib.h> typedef int ElemType; typedef struct LinkNode {ElemType data;LinkNode* next; }LinkNode, * LinkList; //尾插法建立单链表 void creatLinkList(LinkList& L) {L (LinkNode*)mallo…
阅读更多...
Vue系列——数据对象

Vue系列——数据对象

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>el:挂载点</title> </head> <body&g…
阅读更多...
本地项目上传到GitHub

本地项目上传到GitHub

本文档因使用实际项目提交做为案例&#xff0c;故使用xxx等字符进行脱敏&#xff0c;同时隐藏了部分输出&#xff0c;已实际项目和命令行输出为准 0、 Git 安装与GitHub注册 1&#xff09; 在下述地址下载Git&#xff0c;安装一路默认下一步即可。安装完成后&#xff0c;随便…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023