js，如何将数组进行遍历

var list = ["a", "b", "c", "d", ] , routers = [];
var asyncRoutes = [
        { name: "a",
          children: [
            {  name: "b", }, {  name: "c", }, {  name: "d",}, {  name: "e", },{  name: "f", },
          ],
        },
      ];
如何遍历出来 
asyncRoutes  = [  { name: "a",children: [ {  name: "b", }, {  name: "c", }, {  name: "d",}   ],  },]  这样的格式呢？

我是这样的写法，不能得到 children里面的数据
      list.forEach((key) => {
        routers.push(
          ...asyncRoutes.filter((item) => {
            if (item.children && item.children.length > 1) {
              item.children = item.children.filter((i) => {
                return i.name == key;
              });
            }
            return item.name === key;
          })
        );
      });

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

黎明不管黑夜的星空 2022-08-15 02:28

关注


<!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>
        var list = ["a", "b", "c", "d",], routers = [];
        var asyncRoutes = [
            {
                name: "a",
                children: [
                    { name: "b", }, { name: "c", }, { name: "d", }, { name: "e", }, { name: "f", },
                ],
            },
        ];

        var obj = {};
        obj.children = [];
        var data = list.forEach((item, index) => {
            if (index == 0) {
                obj.name = item;
                return
            }
            var child_obj = {
                children: item
            }
            obj.children.push(child_obj);
        });
        routers.push(obj)
        console.log(routers);
    </script>
</body>

</html>

展开全部

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(1条)

编辑

预览

报告相同问题？

关注问题

JavaScript数组-遍历数组
2025-02-19 16:03

難釋懷的博客 JavaScript数组-遍历数组
JavaScript——数组的遍历和多维数组
2024-07-02 15:44

Flec-hazo的博客数组的遍历指按顺序访问你数组的每一个元素。本关任务：将一个一维数组转换为二维数组，行优先。中二维数组的列的长度不唯一，第一列可以有。本关的编程任务是补全右侧代码片段中。创建仅知道长度的二维数组。列的二...
JavaScript中数组的遍历方法
2022-10-27 11:39

兰de宝贝的博客【代码】JavaScript中数组的遍历方法。数组的遍历方法forEach; map; filter; find; findIndex; every; some; reduce;
JS数组遍历的方法和总结
2024-08-21 03:33

哈哈小鬼~FE的博客 forEach和for...of循环主要用于遍历数组或可迭代对象...map方法用于将数组的每个元素通过指定的函数进行转换，并返回一个新数组。filter方法用于创建一个新数组，该数组包含通过所提供函数满足筛选的所有元素。reduce。
JS 遍历数组（ 11 种方法）
2024-04-23 16:45

还是大剑师兰特的博客 JavaScript中遍历数组的有哪些方法呢？下面列出11种方法，包括语法、注意事项、示例代码等。
js数组循环遍历数组内所有元素的方法
2020-10-26 01:45

数组遍历是指按照一定的顺序访问数组中的每个元素，以便执行特定的操作。在JavaScript中，遍历数组有多种方法，下面将详细介绍一些常用且有用的方法。首先，最直接的遍历方式是使用for循环。for循环是编程中非常...
javascript中数组遍历的所有方法
2024-09-06 09:28

晓风残月淡的博客作为后端程序员平常js用得少，但是数组遍历又是常用功能，遍历方法又有很多。在此记录一下，所有用得上的数组遍历方法。
javascript 浏览器判断绑定事件 arguments 转换数组数组遍历
2020-10-29 12:46

在JavaScript编程中，有几个关键概念和技术点在标题和描述中被提及：浏览器判断、绑定事件、`arguments`对象转换为数组以及数组遍历。这些是JavaScript开发中的基础但至关重要的部分，下面将逐一进行详细解释。 1. ...
JavaScript 数组遍历方法
2025-05-02 01:00

GISer_Jinger的博客需要根据原数组生成映射结果（如数值加倍、格式化数据）◦ 无法中断遍历过程（需遍历全部或直到找到首个匹配）◦ 需要同时操作索引和值时（如生成带序号的数据表）◦ 遍历对象属性（包括原型链），不推荐用于数组。...
JS中数组与对象的遍历方法实例小结
2020-10-17 21:23

JS中数组与对象的遍历方法是JavaScript编程中的基础操作，涉及到数组和对象这两种数据结构中元素的访问与处理。数组是一种线性数据结构，它能够存储任何类型的数据，对象则是属性的集合，用来存储键值对。对于数组和...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 8月22日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 8月15日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 8月13日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 8月13日
展开全部

js，如何将 数组进行遍历

2条回答 默认 最新

问题事件

js，如何将数组进行遍历

2条回答默认最新