如何将按照年龄分组的人员列表转换为包含多个年龄组的姓名列表？

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: '瘸子' },
];

转换代码

ChatGPT Website Builder

ChatGPT网站生成器，AI对话快速生成网站

下载

// 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: '瘸子' },
]