将扁平 JSON 按 group 路径动态构建嵌套结构-js教程-PHP中文网

本文介绍如何根据 group 字符串（如 "1.2.2.1"）自动解析层级路径，并将扁平属性映射为深度嵌套的 JSON 结构，核心是逐级切分路径、惰性创建中间节点。

本文介绍如何根据 `group` 字符串（如 `"1.2.2.1"`）自动解析层级路径，并将扁平属性映射为深度嵌套的 json 结构，核心是逐级切分路径、惰性创建中间节点。

在处理配置驱动或元数据描述型 JSON 数据时，常需将带层级标识（如 group: "1.2.2.1"）的扁平属性集，动态转换为符合树形结构的嵌套对象。该过程不依赖预定义 schema，而是通过解析点号分隔的路径字符串，自底向上（或更准确地说：按前缀递进式）构建嵌套 attributes 层级。

以下是一个简洁、健壮且易于理解的实现方案：

const data = {
  "id": "jsonid",
  "attributes": {
    "personName": { "id": "name1", "group": "1.1" },
    "age": { "id": "age1", "group": "1.2.1" },
    "height": { "id": "height1", "group": "1.2.2.1" }
  }
};

// 初始化结果：保留原始顶层字段（如 id），重置 attributes 为空对象
let result = { ...data, attributes: {} };

for (const [key, value] of Object.entries(data.attributes)) {
  const group = 'group' + value.group; // 如 "1.1" → "group1.1"
  let attr = result.attributes;

  // 工具函数：安全获取并创建指定 id 的节点，返回其 attributes 子对象
  const getAttributes = (id) => {
    attr[id] = attr[id] || { id, attributes: {} };
    return attr[id].attributes;
  };

  // 逐级遍历 group 路径的每一级前缀（如 "group1.1" → "group1", "group1.1"）
  let i = group.indexOf('.');
  while (i > 0) {
    attr = getAttributes(group.slice(0, i));
    i = group.indexOf('.', i + 1);
  }

  // 到达最深层级后，挂载原始属性（如 personName: { id: "name1" }）
  getAttributes(group)[key] = { id: value.id };
}

console.log(result);

✅ 关键设计亮点：

Wjs Localizing Video

用于端到端视频本地化流程的轻量编排器，路由至四个专注子技能——/wjs-transcribing-audio、/wjs-translating-subtitles...

下载

惰性创建（Lazy Initialization）：使用 attr[id] ??= {...} 确保仅在首次访问时创建节点，避免冗余对象；
路径前缀驱动：对 "group1.2.2.1"，依次创建 "group1" → "group1.2" → "group1.2.2" → "group1.2.2.1"，天然保证层级完整性；
零依赖、纯函数式风格：无外部库，逻辑内聚，便于单元测试与复用。

⚠️ 注意事项：