当前位置：首页 > news >正文

重构多重children数据减少数据

news 2025/8/19 5:40:53

为了将给定的数据结构从使用 key 和 title 转换为使用 value 和 label，并且确保子节点（如果有的话）也遵循相同的结构，你可以使用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);