如何将树结构的键复制到具有其他名称的键或将其重命名为其他名称？答案

【问题标题】：How can I copy a key of a tree structure to a key with another name or rename it to something else?如何将树结构的键复制到具有其他名称的键或将其重命名为其他名称？
【发布时间】：2021-01-13 21:40:00
【问题描述】：

如何将树结构的键复制到具有其他名称的键或将其重命名为其他名称？

来自：

[
   {
      "title":"testing",
      "id":1,
      "children":[
         {
            "title":"Preamble",
            "id":2
         }
      ]
   }
]

至此：

[
   {
      "title":"testing",
      "label":"testing",
      "id":1,
      "key":1,
      "children":[
         {
            "title":"Preamble",
            "label":"Preamble",
            "id":2,
            "key":2
         }
      ]
   }
]

在这个中，标签是标题的副本，键是 id 的副本。

或者这个：

[
   {
      "label":"testing",
      "key":1,
      "children":[
         {
            "label":"Preamble",
            "key":2
         }
      ]
   }
]

在这个中，标题被重命名为标签，id 被重命名为键。

树结构可以有很多节点/子节点。

【问题讨论】：

这能回答你的问题吗？ JavaScript: Object Rename Key
或Rename Object Keys from Snake Case to Camel Case Recursively Without Using Lodash
@HereticMonkey 它为对象中的单个键完成工作，但我需要它用于树结构，这意味着我们必须以某种方式遍历它的节点并进行更改。感谢您的评论。
第二个链接呢？另外，你可以递归地调用第一个......
@HereticMonkey 第二个链接更有希望，我只需要看看它如何适用于我的情况。

标签： javascript typescript

【解决方案1】：

您可以采用映射函数来映射孩子。

const
    newStructure = ({ title, label = title, id, key = id, children }) => ({
        title, label, id, key,
        ...(children && { children: children.map(newStructure) })
    }),
    data = [{ title: "testing", id: 1, children: [{ title: "Preamble", id: 2 }] }],
    result = data.map(newStructure);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

【讨论】：