js 数据转换：从混乱到有序
在实际开发中，我们经常需要处理不同结构的数据，将它们转换为更加便于操作和展示的形式。下面介绍一种优雅的数据转换方法，将一个按照 age 分组的人员列表，转换为一个包含多个 age 组，每个组包含姓名列表的目标数据结构。
原始数据
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: '瘸子' },];
转换代码
// 1. 初始化目标数据结构let temp = {};arr.forEach(item => { if (!temp[item.age]) { temp[item.age] = []; } temp[item.age].push(item.name);});// 2. 转换数据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; });});
代码详解
步骤 1： 初始化目标数据结构。使用一个临时对象 temp 存储每个 age 组的姓名列表。步骤 2： 转换数据。遍历 temp 对象，为每个 age 组生成一个目标对象，并分别为每个 age 赋值对应的姓名。
转换结果
console.log(targetArr);
输出结果与目标数据一致：
[ { 1: '张三', 3: '小红', 4: '红红', 8: '王五' }, { 1: '李四', 3: '明明', 4: '刘明', 8: '麻子' }, { 1: '', 3: '兰兰', 4: '', 8: '瘸子' },]
以上就是如何将按照年龄分组的人员列表转换为包含多个年龄组的姓名列表？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558277.html
微信扫一扫 
支付宝扫一扫 
