优雅高效的 javascript 数据转换
数据转换是编程中一项常见任务，特别是当需要重塑或重新排列数据结构时。本文将介绍一种简洁高效的方法，将一个包含嵌套对象的数据集转换为一个具有分组键的新数据集。
问题：
我们有一个类似下面的原始数据格式：
// 原始数据let arr = [ { name: '张三', age: 1 }, { name: '李四', age: 1 }, { name: '小红', age: 3 }, { name: '明明', age: 3 }, { name: '兰兰', age: 3 }, { name: '红红', age: 4 }, { name: '刘明', age: 4 }, { name: '王五', age: 8 }, { name: '麻子', age: 8 }, { name: '瘸子', age: 8 },];
希望将其转换为以下目标数据格式：
// 目标数据targetArr = [ { 1: '张三', 3: '小红', 4: '红红', 8: '王五' }, { 1: '李四', 3: '明明', 4: '刘明', 8: '麻子' }, { 1: '', 3: '兰兰', 4: '', 8: '瘸子' },];
解决方案：
可以通过以下步骤实现所需转换：
初始化目标数据结构：首先，创建一个空对象 temp，其键代表目标数据集中的不同年龄组。填充临时对象：遍历原始数据，并将每个对象的姓名添加到与其年龄组对应的数组中。创建目标数组：根据 temp 对象中的年龄组数量创建目标数组 targetArr。填充目标数组：遍历 temp 对象中的每个值（年龄组数组），并为目标数组的每一行填充数据。对于每个姓名，在对应的年龄组键中设置其值。如果没有姓名，则设置为空字符串。确保所有年龄组都被考虑：遍历目标数组的每一行，并确保所有年龄组都有一个键，即使该年龄组没有对应的姓名。
下面是详细的实现代码：
let arr = [ { name: '张三', age: 1 }, { name: '李四', age: 1 }, { name: '小红', age: 3 }, { name: '明明', age: 3 }, { name: '兰兰', age: 3 }, { name: '红红', age: 4 }, { name: '刘明', age: 4 }, { name: '王五', age: 8 }, { name: '麻子', age: 8 }, { name: '瘸子', age: 8 },];// 初始化目标数据结构let temp = {};arr.forEach(item => { if (!temp[item.age]) { temp[item.age] = []; } temp[item.age].push(item.name);});// 转换数据let targetArr = [];Object.values(temp).forEach(value => { value.forEach((name, index) => { if (!targetArr[index]) { targetArr[index] = {}; } Object.keys(temp).forEach(key => { if (key in targetArr[index]) { return; } targetArr[index][key] = ''; }); targetArr[index][Object.keys(temp).find(key => temp[key] === value)] = name; });});console.log(targetArr);
使用此方法，您可以在保持数据完整性的同时轻松将数据转换为所需格式。
以上就是如何将嵌套对象数据转换为分组键的数据集？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558133.html
微信扫一扫 
支付宝扫一扫 
