【御控物联】 JavaScript JSON结构转换(20):数组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.转换映射【高级配置选项】

转换映射包含两种

  • 交叉映射(默认)
    交叉映射主要是针对一对多、多对一、多对多的情况

  • 一对一映射
    一对一映射主要是针对一对一情况,此种情况需要注意,由于对象的属性每次重组后顺序无法控制,所以尽量通过属性名称进行精准映射

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

源JSON结构:

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

目标JSON结构:

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

转换需求:

以下需求分别执行

1.一对多:将源结构的“b1[0]”值追加到目标结构的“a.*”值
2.多对一:将源结构的“b1[*]”值追加到目标结构的“a.c_child”值
3.多对多:将源结构的“b1[*]”值追加到目标结构的“a.*”值
4.一对一:将源结构的“b1[*]”键追加到目标结构的“a.*”值

四、代码实现

1.一对多:将源结构的“b1[0]”值追加到目标结构的“a.*”值


import JsonTranferUtil from './json_transfer'

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


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

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

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

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

2.多对一:将源结构的“b1[*]”值追加到目标结构的“a.c_child”值


import JsonTranferUtil from './json_transfer'

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


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

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

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



执行结果如下:

在这里插入图片描述

3.多对多:将源结构的“b1[*]”值追加到目标结构的“a.*”值


import JsonTranferUtil from './json_transfer'

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


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

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

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


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

4.一对一:将源结构的“b1[*]”键追加到目标结构的“a.*”值


import JsonTranferUtil from './json_transfer'

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

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

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

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/528092.html

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

相关文章

AI识别技术详解 --在windows环境中部署基于YOLO v8模型的目标检测

首先 YOLO是一个端到端的目标检测算法,一次前向传播计算,实现图像的多目标检测任务,我么可以在ultralytics官网上查看YOLO的各个版本(v1-v8)以及源码 使用YOLO v8提供的python接口,训练一个佩戴安全帽的目标…

简介:基于Web的产品3D

基于 Web 的产品 3D 通过可视化界面获得各种选项来个性化他们的产品,例如颜色、材料、尺寸、文字、徽标、零件等。 在过去几年中,随着 3D 建模和渲染软件的出现,3D 渲染现在更常用于营销和促销目的。设计师、制造商和营销人员使用 3D 产品渲…

Windows 11安装Radialix 3

Radialix 3软件可以实现软件汉化,能够制作汉化补丁和语言包文件。 接下来详细介绍安装过程,亲测有效。 一、下载安装包并本地解压 安装包资源和破解软件都上传到了文章顶部。 本地解压: 二、开始安装Radialix 双击Radialix_3.00.00.486.…

RuleEngine规则引擎底层改造AviatorScript 之公式规则

前情提要,看上一个文章,具体要实现的效果就是 当然上来的问题就是前端的问题,这个框首先他们用的是富文本,富文本传到后台的结果是前端脚本,带着h5的标签,后面改成了这个,当时这个东西其实和后…

springboot系列-自定义启动时狂拽酷炫的banner信息

springboot系列-自定义启动时狂拽酷炫的banner信息 基于springboot 2.6.6 jdk1.8 代码地址:github仓库地址 banner module 更多系列教程请关注公众号’coderlike’ 如果觉得有帮助希望能关注下公众号 本篇短文只说明文本类型的banner打印 添加配置到applica…

谷歌建站用什么程序比较好?

建网站这回事,说容易也容易,现如今市面上建站的程序多如牛毛,哪怕你不会代码也能建一个漂亮的网站,但网站搭建出来是为了什么?是为了获取流量,拉到业务,那么,建站的时候你就要考虑谷…

可视化大屏的应用(9):智慧旅游和智慧景区

可视化大屏在智慧旅游领域具有多种价值,可以为旅游管理者和游客提供更加便捷、优质的服务和体验。本期大千UI工场带来智慧旅游和智慧景区的可视化大屏界面,供大家欣赏。 可视化大屏在智慧旅游领域的价值如下: 提供全面的信息展示&#xff0…

基于springboot实现明星周边产品销售网站项目【项目源码+论文说明】计算机毕业设计

基于springboot实现明星周边产品销售网站系统演示 摘要 随着信息互联网信息的飞速发展,无纸化作业变成了一种趋势,针对这个问题开发一个专门适应洗衣店业务新的交流形式的网站。本文介绍了星之语明星周边产品销售网站的开发全过程。通过分析企业对于星之…

上岸第一剑,编程语法必修:python并发编程

前言 回顾昨天的内容,昨天从基础入门,列表与元组,字符串,字典,条件循环和其他语句,函数,面向对象编程,异常与文件处理等八个方向讲述了python语法编程,今天来到第二章py…

【CSDN活动】人工智能:前沿科技中的创业机遇与挑战

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 人工智能:前沿科技中的创业机遇与挑战一、AI技术的快速发展与应用拓…

C++手撕红黑树

文章目录 红黑树概念性质(条件限制)节点的定义红黑树的结构红黑树的插入cur为红,p为红,g为黑,u存在且为红cur为红,p为红,g为黑,u不存在或u为黑,插入到p对应的一边cur为红…

Vue3报错:‘defineProps‘ is not defined no-undef

解决方法 在package.json中添加 "vue/setup-compiler-macros": true 记得在上面的 "node": true 后面加一个逗号 "eslintConfig": {"root": true,"env": {"node": true,"vue/setup-compiler-macros": t…

考PMP一定要培训吗?PMP备考可不是说着玩的

想要考项目管理认证一定要培训吗?其实这是必要的也是必须的啦,不仅仅是因为自学的难度大,个人自学很难总结学习技巧,另一个原因就是考试前还必须要有授权培训机构提供的35学时培训证明,没有这个培训证明也就直接意味着…

【C++11】initializer_list | 右值引用 | 完美转发

一切皆可列表{ }初始化 在C98,允许花括号{ } 对数组、结构体类型初始化。 class Data { public:Data(int y, int m, int d):_y(y), _m(m), _d(d){} private:int _y;int _m;int _d; };int arr[4]{0,1,2,3};//列表初始化 Data d1{2024,03,21};//列表初始化 C11允许通过{ } 初始化…

LangChain教程 | 实践过程报错集 | 持续更新

这是本人最近在做langchain教程过程中的遇到的报错,不分先后顺序。 报错:TypeError: NoneType object is not iterable 这个报错很常见,咱们要看原始报错的位置是哪里,下面是我的截图: 找到源头之后,就在源…

使用idea运行程序,发现控制台的中文出现乱码

修改UTF-8发现没有效果,寻找.idea文件夹的encodings.xml文件,将里面的UTF-8全部变成GBK.

(一)基于IDEA的JAVA基础12

一维数组 为什么使用数组: 当我们需要存储一系列数据的时候,就需要用到数组,如果不使用数组,我们就要需要一个一个的去声明变量,这样浪费内存空间,同时效率低下。 什么是数组: 数组本身就是一个变量,只…

爱普生新一代可编程振荡器系列SG-8018

频率范围: 0.67 MHz-170 MHZ 温度范围: -40C to 105C 精度: 50 ppm including aging(包括老化) 供电电压: 1.8V, 2.5V, 3.3V(1.62V-3.63V) 低功耗: 3.2 mA-8.1 mA maximum 单端输出模式: LVCMOS 可编程上升/下降时间:输出使用(OE)或待机功能(ST) 4种封装尺寸…

testng接口自动化2@Test常见参数

接下来是Test注解里的一些常用参数 1,enabled 是否执行此用例,若enabled false,则不执行此方法,若enabled true 则此方法执行,如图test1的testDemo3设置为true,testDemo2设置为false,则testDemo2没执行 2,expecte…

蓝桥杯 历届真题 时间显示【第十二届】【省赛】【C组】

资源限制 内存限制&#xff1a;256.0MB C/C时间限制&#xff1a;1.0s Java时间限制&#xff1a;3.0s Python时间限制&#xff1a;5.0s #include<bits/stdc.h> #define int long long using namespace std; const int N 1e510; int n,m,t,d; int a[2][N],b[N]; //…