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

news2025/10/31 10:55:13

文章目录

  • 一、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/1561657.html

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

相关文章

vue+elementUI实现表格组件的封装

vue+elementUI实现表格组件的封装

效果图&#xff1a; 在父组件使用表格组件 <table-listref"table":stripe"true":loading"loading":set-table-h"slotProps.setMainCardBodyH":table-data"tableData":columns"columns.tableList || []":ra…
阅读更多...
JAVAEE——多线程进阶，锁策略

JAVAEE——多线程进阶，锁策略

文章目录 锁策略乐观锁和悲观锁乐观锁悲观锁两者的比较 读写锁重量级锁和轻量级锁重量级锁轻量级锁 自旋锁公平锁和非公平锁公平锁非公平锁 可重入锁和不可重入锁可重入锁不可重入锁 锁策略 乐观锁和悲观锁 乐观锁 什么是乐观锁呢&#xff1f;我们可以认为乐观锁比较自信&am…
阅读更多...
MySQL 连接池的实现

MySQL 连接池的实现

池化技术 池化技术能够减少资源对象的创建次数&#xff0c;提高程序的响应性能&#xff0c;特别是在高并发下这种提高更明显。共同特征 对象创建时间长。对象创建需要大量资源。对象创建后可被重复使用。 数据库连接池 数据库连接池&#xff08;Connection pooling&#xff…
阅读更多...
linux C:变量、运算符

linux C:变量、运算符

linux C 文章目录 变量运算符 一、变量 [存储类型] 数据类型 标识符 值 标识符&#xff1a;由数字、字母、下划线组成的序列&#xff0c;不能以数字开头。 数据类型&#xff1a;基本数据类型构造类型 存储类型&#xff1a;auto static…
阅读更多...
2.4_2 死锁的处理策略——预防死锁

2.4_2 死锁的处理策略——预防死锁

2.4_2 死锁的处理策略——预防死锁 知识总览 #mermaid-svg-z0noPuUcH4CJsxb7 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-z0noPuUcH4CJsxb7 .error-icon{fill:#552222;}#mermaid-svg-z0noPuUcH4CJsxb7 .error-t…
阅读更多...
【BlossomRPC】接入注册中心

【BlossomRPC】接入注册中心

文章目录 NacosZookeeper自研配置中心 RPC项目 配置中心项目 网关项目 这是BlossomRPC项目的最后一篇文章了&#xff0c;接入完毕注册中心&#xff0c;一个完整的RPC框架就设计完成了。 对于项目对注册中心的整合&#xff0c;其实我们只需要再服务启动的时候将ip/port/servic…
阅读更多...
商城业务-检索服务

商城业务-检索服务

文章目录 前言一、搭建页面环境1.1 静态界面搭建1.2 Nginx 动静分离1.3 Windows 上传文件1.4 引入 thymeleaf 依赖1.5 Nginx 反向代理1.4 Nginx 配置1.5 gateway 网关配置 二、调整页面跳转2.1 引入依赖2.2 页面跳转 三、检索查询参数模型分析抽取3.1 检索业务分析3.2 检索语句…
阅读更多...
齿轮“红宝书”

齿轮“红宝书”

​在齿轮行业&#xff0c;有两本书被广大从业者尊称为“红宝书”。这两部作品深入剖析了齿轮技术的精髓&#xff0c;为从业者提供了宝贵的指导和启示。它们犹如行业的明灯&#xff0c;照亮了齿轮制造的每一个角落&#xff0c;使得从业者在探索中不再迷茫。 这两本红宝书的内容…
阅读更多...
离散数学-

离散数学-

数学
阅读更多...
遥感动态监测技术

遥感动态监测技术

很多人对动态监测和动态检测两个名词有疑惑。我们可以这样理解&#xff0c;动态监测是一个广义的名词&#xff0c;泛指数据预处理、变化信息发现与提取、变化信息挖掘与应用等&#xff0c;以对整个流程的叙述。动态检测是一个狭义的名词&#xff0c;主要指部分数据预处理、变化…
阅读更多...
【御控物联】JavaScript JSON结构转换（7）：数组To数组——键值互换属性重组

【御控物联】JavaScript JSON结构转换（7）：数组To数组——键值互换属性重组

文章目录 一、JSON结构转换是什么&#xff1f;二、案例之《JSON数组 To JSON数组》三、代码实现四、在线转换工具五、技术资料 一、JSON结构转换是什么&#xff1f; JSON结构转换指的是将一个JSON对象或JSON数组按照一定规则进行重组、筛选、映射或转换&#xff0c;生成新的JS…
阅读更多...
前端（三）React踩坑记录

前端（三）React踩坑记录

一、引言 作者最近新的平台项目是需要用react的&#xff0c;和vue区别还是比较大的&#xff0c;这里记录下踩坑和使用经验。 二、环境 框架&#xff1a;antd 依赖&#xff1a; "dependencies": {"ant-design/icons": "^4.7.0","ant-desig…
阅读更多...
Linux使用Docker部署RStudio Server结合内网穿透实现公网访问本地服务

Linux使用Docker部署RStudio Server结合内网穿透实现公网访问本地服务

文章目录 前言1. 安装RStudio Server2. 本地访问3. Linux 安装cpolar4. 配置RStudio server公网访问地址5. 公网远程访问RStudio6. 固定RStudio公网地址 前言 RStudio Server 使你能够在 Linux 服务器上运行你所熟悉和喜爱的 RStudio IDE&#xff0c;并通过 Web 浏览器进行访问…
阅读更多...
卷积层+多个输入通道

卷积层+多个输入通道

卷积层多输入输出通道 在深度学习中&#xff0c;卷积神经网络&#xff08;CNN&#xff09;通常用于处理具有多个输入通道的数据。当输入数据具有多个通道&#xff08;例如彩色图像的RGB通道&#xff09;时&#xff0c;卷积操作可以同时在每个通道上进行&#xff0c;并将各通道的…
阅读更多...
【成功案例】间隔数月双团伙先后利用某ERP0day实施入侵和勒索的解密恢复项目

【成功案例】间隔数月双团伙先后利用某ERP0day实施入侵和勒索的解密恢复项目

1.背景 在2024年3月23日&#xff0c;我们的Solar应急响应团队&#xff08;以下简称Solar团队&#xff09;应某公司之邀&#xff0c;介入处理了一起财务系统服务器遭受黑客攻击的事件。该事件导致服务器上大量文件被加密。我们的团队迅速获取了一个被加密的文件&#xff0c;并立…
阅读更多...
面试题：MySQL 优化篇

面试题：MySQL 优化篇

定位慢查询 &#x1f496; 开源工具 调试工具&#xff1a;Arthas&#xff08;阿尔萨斯&#xff09;运维工具&#xff1a;Prometheus&#xff08;普罗米修斯&#xff09;、Skywalking &#x1f496; MySQL 慢查询日志 # 开启 MySQL 慢查询日志开关 slow_query_log1 # 设置慢…
阅读更多...
HWOD：整型数组排序

HWOD：整型数组排序

一、知识点 while(1){}表示永久循环 使用break结束循环 二、题目 1、描述 输入整型数组和排序标识&#xff0c;对其元素按照升序或降序进行排序 2、数据范围 1<n<1000 0<val<100000 3、输入 第一行输入数组元素个数 第二行输入待排序的数组&#x…
阅读更多...
安装JupyterLab的集成环境

安装JupyterLab的集成环境

Python集成环境安装 不要半途而废&#xff0c;不要作业太多就抛下你手中的笔&#xff0c;拿起你旁边的手机&#xff0c;你觉得这样很有意义吗&#xff1f;一个小时一道题都没做&#xff0c;盯着手机屏幕它能给你一个未来吗&#xff1f;少分心就能多做一道题&#xff0c;多学样本…
阅读更多...
编程新手必看，Python开发环境工具揭秘：高效编程的必备工具（2）

编程新手必看，Python开发环境工具揭秘：高效编程的必备工具（2）

1、Python主流的开发工具介绍&#xff1a; Python的主流开发工具主要包括PyCharm、Visual Studio Code&#xff08;VS Code&#xff09;、IDLE等。具体介绍如下&#xff1a; 1.1、PyCharm&#xff1a; PyCharm是由JetBrains开发的&#xff0c;专为Python设计的IDE&#xff0…
阅读更多...
生成 SSH 公钥

生成 SSH 公钥

Windows 用户建议使用 Windows PowerShell 或者 Git Bash&#xff0c;在 命令提示符 下无 cat 和 ls 命令。 1、通过命令 ssh-keygen 生成 SSH Key&#xff1a; ssh-keygen -t ed25519 -C "Gitee SSH Key"-t key 类型 -C 注释 输出&#xff0c;如&#xff1a; 中间…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023