本文介绍如何通过 reduceright 方法将一维对象数组递归构造成深度嵌套的树形结构，使每个元素成为前一个元素的 child 子项，最终形成单链式嵌套对象。

本文介绍如何通过 reduceright 方法将一维对象数组递归构造成深度嵌套的树形结构，使每个元素成为前一个元素的 child 子项，最终形成单链式嵌套对象。

在实际开发中，我们常需将线性数据（如有序列表、步骤流程、菜单项）动态转为具有父子层级关系的嵌套结构。例如，给定如下扁平数组：

const array = [
  { number: 1, name: 'one', child: [] },
  { number: 2, name: 'two', child: [] },
  { number: 3, name: 'three', child: [] }
];

目标是将其转换为如下单向嵌套链表形式（即后一项作为前一项的唯一子节点）：

const nested = [
  {
    number: 1,
    name: 'one',
    child: [
      {
        number: 2,
        name: 'two',
        child: [
          {
            number: 3,
            name: 'three',
            child: []
          }
        ]
      }
    ]
  }
];

✅ 推荐解法：使用 reduceRight

核心思路是从右往左累积构建：将当前元素作为“父”，将已累积的嵌套结构整体作为其 child 数组中的唯一元素。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const nested = [array.reduceRight((acc, curr) => ({
  ...curr,
  child: [acc] // 注意：必须包裹为数组，以匹配目标结构的 child: []
}) )];

? 关键点说明：

• reduceRight 保证处理顺序为 [3] → [2 → [3]] → [1 → [2 → [3]]]；
• 每次迭代中，acc 是已构建的深层嵌套对象（或最末项），curr 是当前待嵌入的“父级”；
• child: [acc] 确保子节点始终是单元素数组，符合示例中 child: [{...}] 的格式；
• 最外层用 [...] 包裹，使最终结果为数组类型（与示例 nested = [...] 一致）。

⚠️ 注意事项

• 若输入数组为空（[]），reduceRight 会抛出错误；建议添加空数组保护：

  const nested = array.length === 0 
    ? [] 
    : [array.reduceRight((acc, curr) => ({ ...curr, child: [acc] }))]; 

• 原始对象的 child 属性会被覆盖——若需保留原始 child 内容（如预设子项），应改为 child: [...curr.child, acc]；
• 此方法适用于单链式嵌套（每个节点最多一个直接子节点）。如需多叉树（如根据 parentId 构建），则需改用哈希映射 + 递归查找。

✅ 验证示例

console.log(JSON.stringify(nested, null, 2));
// 输出符合预期的嵌套结构，且可安全用于 React 渲染、JSON Schema 或树形组件。

该方案简洁、函数式、无副作用，是处理此类线性→嵌套转换的推荐实践。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南