js，如何将 数组进行遍历

Question

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;
          })
        );
      });