网站制作公司南宁,服装网站建设项目规划,兰州市建设工程质量监督站网站,网站建设需要找网站建设公司做吗文章目录 一、JSON结构转换是什么#xff1f;二、核心构件之转换映射三、案例之《JSON数组 To JSON对象》四、代码实现五、在线转换工具六、技术资料 一、JSON结构转换是什么#xff1f;
JSON结构转换指的是将一个JSON对象或JSON数组按照一定规则进行重组、筛选、映射或转换… 文章目录 一、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 }
}转换映射的属性介绍如下
AimJsonPath 目标结构路径OrgJsonPath 目标结构路径TranType 转换类型 1源Key-目标Key 2源Key-目标Value 3源Value-目标Key 4源Value-目标ValueOptions.KeyInitIndex 自动生成的元素的起始索引默认为0Options.AddElementsOption 1:追加新元素到数组/对象 默认为1 2替换数组/对象的原有属性Options.TranOP 1:将源子元素复制到目标,使用源子元素的Key默认为1 2:将源子元素复制到目标,为源子元素新生成Key 3依据源元素在目标构建同等数量的目标子元素Options.TranWay 1交叉映射 默认为1 2一对一映射
三、案例之《JSON数组 To JSON对象》
源JSON结构
{devOrg:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]
}目标JSON结构
{devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}
}转换需求
以下需求分别执行
1.将源结构的“devOrg”键替换到目标结构的“devAim”值 2.将源结构的“devOrg”键追加到目标结构的“devAim”值 3.将源结构的“devOrg”值替换到目标结构的“devAim”值 4.将源结构的“devOrg”值追加到目标结构的“devAim”值 5.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim”值 6.将源结构的“devOrg[0]”值追加到目标结构的“devAim.642fccd1Aim”值 7.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim.1Aim”值 8.将源结构的“devOrg[0]”值追加到目标结构的“devAim.642fccd1Aim.1Aim”值
四、代码实现
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:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */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:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */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:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */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:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */let jsonTranferUtil new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result jsonTranferUtil.tranJson();
console.log(*************************最终转换结果*********************************)
console.log(JSON.stringify(result), 9999999999999)
执行结果如下 5.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim”值 import JsonTranferUtil from ./json_transfer/************************数组转对象 示例数据 ********************** *//// 转换类型
/// 1源Key-目标Key
/// 2源Key-目标Value
/// 3源Value-目标Key
/// 4源Value-目标Value
const mappings [{OrgJsonPath: root.devOrg[0],AimJsonPath: root.devAim.642fccd1Aim,TranType: 2,Options: {KeyInitIndex: 0,AddElementsOption: 1,TranOP: 1,TranWay: 1}}
];
const jsonOrg {devOrg:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */let jsonTranferUtil new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result jsonTranferUtil.tranJson();
console.log(*************************最终转换结果*********************************)
console.log(JSON.stringify(result), 9999999999999)
执行结果如下 6.将源结构的“devAim[0]”值追加到目标结构的“devAim.642fccd1Aim”值 import JsonTranferUtil from ./json_transfer/************************数组转对象 示例数据 ********************** *//// 转换类型
/// 1源Key-目标Key
/// 2源Key-目标Value
/// 3源Value-目标Key
/// 4源Value-目标Value
const mappings [{OrgJsonPath: root.devOrg[0],AimJsonPath: root.devAim.642fccd1Aim,TranType: 4,Options: {KeyInitIndex: 0,AddElementsOption: 1,TranOP: 1,TranWay: 1}}
];
const jsonOrg {devOrg:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */let jsonTranferUtil new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result jsonTranferUtil.tranJson();
console.log(*************************最终转换结果*********************************)
console.log(JSON.stringify(result), 9999999999999)
执行结果如下
7.将源结构的“devOrg[0]”键追加到目标结构的“devAim.642fccd1Aim.1Aim”值 import JsonTranferUtil from ./json_transfer/************************数组转对象 示例数据 ********************** *//// 转换类型
/// 1源Key-目标Key
/// 2源Key-目标Value
/// 3源Value-目标Key
/// 4源Value-目标Value
const mappings [{OrgJsonPath: root.devOrg[0],AimJsonPath: root.devAim.642fccd1Aim.1Aim,TranType: 2,Options: {KeyInitIndex: 0,AddElementsOption: 1,TranOP: 1,TranWay: 1}}
];
const jsonOrg {devOrg:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */let jsonTranferUtil new JsonTranferUtil(jsonOrg, jsonAim, mappings);
let result jsonTranferUtil.tranJson();
console.log(*************************最终转换结果*********************************)
console.log(JSON.stringify(result), 9999999999999)
执行结果如下
8.将源结构的“devAim[0]”值追加到目标结构的“devAim.642fccd1Aim.1Aim”值 import JsonTranferUtil from ./json_transfer/************************数组转对象 示例数据 ********************** *//// 转换类型
/// 1源Key-目标Key
/// 2源Key-目标Value
/// 3源Value-目标Key
/// 4源Value-目标Value
const mappings [{OrgJsonPath: root.devOrg[0],AimJsonPath: root.devAim.642fccd1Aim.1Aim,TranType: 4,Options: {KeyInitIndex: 0,AddElementsOption: 1,TranOP: 1,TranWay: 1}}
];
const jsonOrg {devOrg:[{idOrg: 0001,proOrg: [{idOrg: ,nOrg: 11,dtOrg: ,vOrg: 1.1,qOrg: }]}]};
const jsonAim {devAim: {642fccd1Aim: {1Aim: 111,2Aim: 122},timeAim: 1682476529}};/*******************数组转对象 测试程序***************** */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/
