如何在JavaScript中遍历JSON对象并按层级动态添加键值对

搞定这个需求很简单，用递归就能轻松处理不确定深度的嵌套JSON结构，给每个层级的节点加上对应的level字段。下面是具体的JavaScript实现方案：

核心递归函数 #

这个函数会遍历节点数组，给每个节点添加对应层级的level，同时递归处理子节点：

function addLevelToNodes(nodes, currentLevel = 0) {
  return nodes.map(node => {
    // 复制原节点并添加level字段（和示例一致转成字符串格式）
    const processedNode = { ...node, level: currentLevel.toString() };
    
    // 如果存在子节点数组，递归处理子节点，层级+1
    if (processedNode.children && Array.isArray(processedNode.children)) {
      processedNode.children = addLevelToNodes(processedNode.children, currentLevel + 1);
    }
    
    return processedNode;
  });
}

使用示例 #

把你的原始JSON传入这个函数就能得到期望的结果：

// 你的原始JSON数据
var originalJson = [{ 
  "name": "parent 1", 
  "children": [ 
    { "name": "child 1", "children": [ { "name": "child 11" } ] }, 
    { "name": "child 2" } 
  ] 
}];

// 处理后的JSON
var updatedJson = addLevelToNodes(originalJson);

// 打印看看结果，和你期望的完全一致
console.log(JSON.stringify(updatedJson, null, 2));

额外说明 #

• 这个函数是纯函数，不会修改原始的JSON对象，而是返回一个全新的处理后对象，避免污染原数据
• 如果你的根节点不是数组（比如直接是单个对象），可以这样调用：addLevelToNodes([yourSingleNode])[0]，先把单个对象放进数组处理，再取出来就行

内容的提问来源于stack exchange，提问作者user12741801