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

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

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

唠叨一会

原本是打算做星宿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>

 

控制台截图

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

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

(0)
上一篇 01/15/2021
下一篇 01/29/2021

相关推荐

发表评论

您的电子邮箱地址不会被公开。

评论列表(1条)