如何使用JSON和JavaScript实现数据分组？

JSON分组JS

JSON分组是一种常见的数据处理任务，它涉及到将一个包含多个对象的数组按照某个属性进行分组，在JavaScript中，我们可以使用各种方法来实现这个功能，下面是一个详细的源码示例，展示了如何使用JavaScript对JSON数据进行分组。

代码解析

function groupBy(array, key) {
    return array.reduce((result, currentValue) => {
        // 获取当前元素的分组键值
        const groupKey = currentValue[key];
        
        // 如果结果对象中不存在该键值，则创建一个新数组
        if (!result[groupKey]) {
            result[groupKey] = [];
        }
        
        // 将当前元素添加到对应的分组数组中
        result[groupKey].push(currentValue);
        
        return result;
    }, {});
}
// 示例数据
const data = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Charlie', age: 25 },
    { name: 'David', age: 30 }
];
// 按年龄分组
const groupedData = groupBy(data, 'age');
console.log(groupedData);

单元表格

相关问题与解答

问题1：如何修改上述代码以支持多级分组？

解答：要实现多级分组，可以递归地调用groupBy函数，如果我们想要先按年龄分组，然后在每个年龄组内再按名字分组，可以这样做：

function multiLevelGroupBy(array, keys) {
    if (keys.length === 0) {
        return array;
    }
    const key = keys.shift();
    const grouped = groupBy(array, key);
    for (let group in grouped) {
        grouped[group] = multiLevelGroupBy(grouped[group], keys.slice());
    }
    return grouped;
}
// 示例数据
const data = [
    { name: 'Alice', age: 25, city: 'New York' },
    { name: 'Bob', age: 30, city: 'Los Angeles' },
    { name: 'Charlie', age: 25, city: 'New York' },
    { name: 'David', age: 30, city: 'Los Angeles' }
];
// 按年龄和城市分组
const multiGroupedData = multiLevelGroupBy(data, ['age', 'city']);
console.log(multiGroupedData);

问题2：如何处理分组后的数据结构？

解答：分组后的数据结构通常是一个嵌套的对象，其中外层对象的键是分组的键值，内层对象的键是原始数据的键值，处理这种数据结构时，可以使用递归遍历或者循环遍历来访问所有的分组和子分组，下面的代码展示了如何打印出所有分组及其子分组的信息：

function printGroups(groupedData, prefix = '') {
    for (let key in groupedData) {
        console.log(prefix + key + ':');
        if (typeof groupedData[key] === 'object') {
            printGroups(groupedData[key], prefix + '  ');
        } else {
            console.log(prefix + '  ' + groupedData[key]);
        }
    }
}
// 使用示例
printGroups(multiGroupedData);