重构多重children数据 减少数据

2024-08-26 07:36

本文主要是介绍重构多重children数据 减少数据,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

为了将给定的数据结构从使用 keytitle 转换为使用 valuelabel,并且确保子节点(如果有的话)也遵循相同的结构,你可以使用JavaScript的map方法来遍历数组并重构每个对象。这里是如何做的:

const originalData = [{key: "1181175685528424448",title: "智享无界科技有限公司",value: "1181175685528424448",children: [{children: null,title: "上海技术部",value: "1181175865409540096",key: "1181175865409540096"},{children: null,title: "上海技术部1",value: "11811758654095400961",key: "11811758654095400961"}]}
];function transformData(data) {return data.map(item => ({value: item.value,label: item.title, // 假设你希望将"title"改为"有来智享无界科技有限公司",则直接替换此值children: item.children ? transformData(item.children) : null}));
}const transformedData = transformData(originalData);// 如果需要将"智享无界科技有限公司"改为"有来智享无界科技有限公司",你可以在这里进行额外的处理
// 但在这个例子中,我们直接保留原始的title值console.log(transformedData);

然而,如果你确实需要将特定的title值(如"智享无界科技有限公司")替换为"有来智享无界科技有限公司",你可以在transformData函数中添加一个条件判断:

function transformData(data) {return data.map(item => ({value: item.value,label: item.title === "智享无界科技有限公司" ? "有来智享无界科技有限公司" : item.title,children: item.children ? transformData(item.children) : null}));
}

这样,输出就会按照你的要求,将特定的title值替换掉。不过,请注意,这只会替换顶级元素的title,如果你的数据结构中还有嵌套的、且title值也为"智享无界科技有限公司"的元素,它们也会被替换。如果你只想替换顶级元素的title,你可能需要添加额外的逻辑来区分处理。
在JavaScript中,对象的属性名(如key)在大多数情况下是大小写敏感的。然而,如果你想要将对象中的属性名从key改为Key(注意大小写变化),你需要遍历数组和对象,并创建新的对象来反映这一更改。由于直接修改现有对象的属性名是不可能的(除非使用Object.defineProperty来重新定义属性,但这在简单重构中通常不是必要的),以下是一个简单的函数来实现这一点:

const originalData = [{key: "1181175685528424448",title: "智享无界科技有限公司",value: "1181175685528424448",children: [{children: null,title: "上海技术部",value: "1181175865409540096",key: "1181175865409540096"},{children: null,title: "上海技术部1",value: "11811758654095400961",key: "11811758654095400961"}]}
];function transformKeysToUpperCase(data) {return data.map(item => {const newItem = { ...item }; // 浅拷贝原始对象// 更改key属性名为Keyif (newItem.hasOwnProperty('key')) {newItem.Key = newItem.key;delete newItem.key; // 删除原始key属性}// 递归处理childrenif (newItem.children) {newItem.children = transformKeysToUpperCase(newItem.children);}return newItem;});
}const transformedData = transformKeysToUpperCase(originalData);console.log(transformedData);

在这个例子中,transformKeysToUpperCase函数接受一个数组作为输入,并返回一个新的数组,其中每个对象的key属性都被重命名为Key(同时保留了原始对象的其他属性)。如果对象有children属性,则递归地对其执行相同的操作。

请注意,这个函数使用了展开语法(...item)来创建一个新对象,它包含原始对象的所有属性,但随后通过条件检查来添加或删除特定的属性。这种方法保留了除keyKey转换之外的所有原始数据。

这篇关于重构多重children数据 减少数据的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1107946

相关文章

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

SpringValidation数据校验之约束注解与分组校验方式

《SpringValidation数据校验之约束注解与分组校验方式》本文将深入探讨SpringValidation的核心功能,帮助开发者掌握约束注解的使用技巧和分组校验的高级应用,从而构建更加健壮和可... 目录引言一、Spring Validation基础架构1.1 jsR-380标准与Spring整合1

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

SpringBatch数据写入实现

《SpringBatch数据写入实现》SpringBatch通过ItemWriter接口及其丰富的实现,提供了强大的数据写入能力,本文主要介绍了SpringBatch数据写入实现,具有一定的参考价值,... 目录python引言一、ItemWriter核心概念二、数据库写入实现三、文件写入实现四、多目标写入

使用Python将JSON,XML和YAML数据写入Excel文件

《使用Python将JSON,XML和YAML数据写入Excel文件》JSON、XML和YAML作为主流结构化数据格式,因其层次化表达能力和跨平台兼容性,已成为系统间数据交换的通用载体,本文将介绍如何... 目录如何使用python写入数据到Excel工作表用Python导入jsON数据到Excel工作表用

Mysql如何将数据按照年月分组的统计

《Mysql如何将数据按照年月分组的统计》:本文主要介绍Mysql如何将数据按照年月分组的统计方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mysql将数据按照年月分组的统计要的效果方案总结Mysql将数据按照年月分组的统计要的效果方案① 使用 DA

鸿蒙中Axios数据请求的封装和配置方法

《鸿蒙中Axios数据请求的封装和配置方法》:本文主要介绍鸿蒙中Axios数据请求的封装和配置方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1.配置权限 应用级权限和系统级权限2.配置网络请求的代码3.下载在Entry中 下载AxIOS4.封装Htt

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢?我尝试一种更为智能的方法:P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验,

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4