原生JS递归寻找一维数据转多层级评论回复

我可以一个人坐地铁一直到终点，也可以一个人看电影到凌晨六点，你以为我过的孤独我只是想过的舒服

唠叨一会

原本是打算做星宿UI的评论留言的但是wodpress过来的json数据是一级的，就知道了评论回复不好写，由“和光同尘”提供代码块进行学习；原生JS递归寻找一维数据转多层级评论回复

代码块

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const initData = [{
        id: 1,
        parentId: 0,
        name: "1"
      },
      {
        id: 2,
        parentId: 0,
        name: "2"
      },
      {
        id: 3,
        parentId: 0,
        name: "3"
      },
      {
        id: 4,
        parentId: 1,
        name: "4"
      },
      {
        id: 5,
        parentId: 2,
        name: "5"
      },
      {
        id: 6,
        parentId: 2,
        name: "6"
      },
      {
        id: 7,
        parentId: 3,
        name: "7"
      }
    ]

    function cloneTree(score, parentId = 0) {
      let tree = [];
      score.map((item) => {
        if (item.parentId === parentId) {
          // 递归寻找
          item.children = cloneTree(score, item.id);
          tree.push(item);
        }
      });

      return tree;
    }

    console.log(cloneTree(initData));
  </script>
</body>

</html>

唠叨一会

代码块

控制台截图