jellyfish_1 2022-05-25 17:35 采纳率: 75%
浏览 40
已结题

当一个数组有children，且层级很深的时候，怎样将children数据拿出来？

img

举个例子，如何输出


 [{1},{2},{3},{4},{5},{6}]
  • 写回答

2条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-05-25 17:57
    关注
    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let arr = [
        {
          id: 1,
          children: [
            {
              id: 2,
              children: null,
            },
            {
              id: 3,
              children: [
                {
                  id: 4,
                  children: null,
                },
              ],
            },
          ],
        },
        {
          id: 5,
          children: [
            {
              id: 6,
              children: null,
            },
          ],
        },
      ];

      function recursionArray(arr) {
        let result = [];
        arr.forEach((item) => {
          result.push({ id: item.id });
          if (item.children) {
            result = [...result, ...recursionArray(item.children)];
          }
        });
        return result;
      }

      console.log("recursionArray", recursionArray(arr));
    </script>
  </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 6月3日
  • 已采纳回答 5月26日
  • 创建了问题 5月25日

悬赏问题

  • ¥15 运动想象脑电信号数据集.vhdr
  • ¥15 三因素重复测量数据R语句编写，不存在交互作用
  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目