Vanilla JS中对象数组的多级分组

function groupBy(arr, ...props) {
  return arr.reduce((result, obj) => {
    let currentGroup = result;
    props.forEach((prop, index) => {
      const value = obj[prop];
      let subGroup = currentGroup.find(group => group.value === value);
      if (!subGroup) {
        subGroup = { value, children: [] };
        currentGroup.push(subGroup);
      }
      currentGroup = subGroup.children;
      if (index === props.length - 1) {
        subGroup.items = subGroup.items || [];
        subGroup.items.push(obj);
      }
    });
    return result;
  }, []);
}

// 示例用法
const data = [
  { id: 1, category: 'A', subcategory: 'X', name: 'Object 1' },
  { id: 2, category: 'A', subcategory: 'X', name: 'Object 2' },
  { id: 3, category: 'A', subcategory: 'Y', name: 'Object 3' },
  { id: 4, category: 'B', subcategory: 'Z', name: 'Object 4' },
  { id: 5, category: 'B', subcategory: 'Z', name: 'Object 5' }
];

const groupedData = groupBy(data, 'category', 'subcategory');

console.log(groupedData);