如何将嵌套对象数据转换为分组键的数据集？

优雅高效的 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: '瘸子' },
];

解决方案：

居然设计家

居然之家和阿里巴巴共同打造的家居家装AI设计平台

下载

可以通过以下步骤实现所需转换：

1. 初始化目标数据结构：首先，创建一个空对象 temp，其键代表目标数据集中的不同年龄组。
2. 填充临时对象：遍历原始数据，并将每个对象的姓名添加到与其年龄组对应的数组中。
3. 创建目标数组：根据 temp 对象中的年龄组数量创建目标数组 targetArr。
4. 填充目标数组：遍历 temp 对象中的每个值（年龄组数组），并为目标数组的每一行填充数据。对于每个姓名，在对应的年龄组键中设置其值。如果没有姓名，则设置为空字符串。
5. 确保所有年龄组都被考虑：遍历目标数组的每一行，并确保所有年龄组都有一个键，即使该年龄组没有对应的姓名。

下面是详细的实现代码：

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);

使用此方法，您可以在保持数据完整性的同时轻松将数据转换为所需格式。