如何将特定结构的treeData转换为带label/value的树形结构？

我帮你梳理下这个树形结构转换的问题，你的思路方向是对的，但代码里有几个细节问题导致无法得到预期结果，咱们一步步修正：

原代码的问题点 #

• 变量名拼写错误：你在map回调里定义的参数是childnode，但判断类型时用的是childNode，大小写不一致会直接报错。
• 对象处理方式错误：对象不能直接使用map方法，需要先提取它的键值对（比如用Object.entries()）才能遍历处理。
• 递归逻辑不完整：没有考虑到对象的值可能包含更深层级的嵌套结构，也没处理数字这类非字符串的基本类型。

修正后的完整代码 #

const treeData = [ { "0": ["0-0", "0-1"] }, { "1" : ["1-0", "1-1"] }, 2, 3 ];

const convertNode = (nodes) => {
  return nodes.map(item => {
    // 处理字符串类型节点
    if (typeof item === 'string') {
      return { label: item, value: item };
    } 
    // 处理对象类型节点（支持嵌套）
    else if (typeof item === 'object' && item !== null) {
      // 提取对象的第一个键值对（符合你的示例结构）
      const [key, value] = Object.entries(item)[0];
      const node = { label: key, value: key };
      
      // 如果值是数组，递归处理生成children；如果是单个值，包装成数组再递归
      node.children = Array.isArray(value) 
        ? convertNode(value) 
        : convertNode([value]);
      
      return node;
    }
    // 处理数字等其他基本类型，转成字符串后生成节点
    else {
      const strItem = String(item);
      return { label: strItem, value: strItem };
    }
  });
};

const treeDataResult = convertNode(treeData);
console.log(treeDataResult);

代码逻辑说明 #

1. 遍历输入数组：对每个元素逐一判断类型，分别处理。
2. 字符串/基本类型：直接生成包含label和value的节点，数字类型会先转成字符串。
3. 对象类型：
   • 用Object.entries()提取键值对，假设每个对象只有一个键（匹配你的示例结构）。
   • 把键作为节点的label和value，然后递归处理值部分：如果值是数组就直接递归，否则包装成数组再递归，保证嵌套结构也能正确转换。
4. 递归支持深层嵌套：即使对象的值里还有嵌套的对象或数组，也能逐层转换为目标树形结构。

测试深层嵌套场景 #

如果输入包含更深层级的结构：

const deepTreeData = [ { "0": ["0-0", { "0-1": ["0-1-0", "0-1-1"] }] }, 1 ];
console.log(convertNode(deepTreeData));

会输出符合预期的嵌套树形结构：

[
  {
    "label": "0",
    "value": "0",
    "children": [
      { "label": "0-0", "value": "0-0" },
      {
        "label": "0-1",
        "value": "0-1",
        "children": [
          { "label": "0-1-0", "value": "0-1-0" },
          { "label": "0-1-1", "value": "0-1-1" }
        ]
      }
    ]
  },
  { "label": "1", "value": "1" }
]

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