如何从嵌套的 ForEach 方法返回数组？

Question

我已经使用数据结构很多天了，终于使用嵌套的 forEach 循环从中获取了我想要的数据。问题是，我在每个循环中都得到一个字符串，所以在我的控制台中。我看到每个项目都有一长串单独的字符串。我需要查看所有字符串的数组。

谁能告诉我如何更改代码才能达到这个结果？还是我的做法完全错误？谢谢。

  data.forEach(brandGuideline => {
    brandGuideline.children.forEach(child => {
      const brandGuidelineAlias = child.component.alias;
      console.log(brandGuidelineAlias); // Long list of individual strings. Can this be an array? 
    });
  });

我尝试创建一个空数组并将数据推入其中，但这不起作用，因为我位于 forEach 内部 - 所以我最终为每个项目获得了一个巨大的数组。呃。

我还尝试将逻辑包装在函数中，并在最后将数据推入数组中，但这不起作用，因为数组超出了范围。废话。

Answer 1

您可以对外部数组采用平面映射方法，对内部数组采用简单的映射

result = data
    .flatMap(({ children }) => children.map(({ component: { alias } }) => alias));