javascript - 如何在 Javascript 的 foreach 循环中合并多个数组

Question

如何在 foreach 循环中合并多个数组。我正在尝试将所有 3 个 imageData 数组合并到一个数组中。请告诉我是否遗漏了以下方法。

  const imageArray = [
      {
        imageData: [
          'https://via.placeholder.com/50',
          'https://via.placeholder.com/60'
        ],
      },
      {
        imageData: [
          'https://via.placeholder.com/100'
        ],
      },
      {
        imageData: [
          'https://via.placeholder.com/150'
        ],
     }
  ];

  processImage() {
    imageArray.forEach((element) => {
      const imageCollection = [...element.imageData];
      console.log(imageCollection);
      // Expected result 
      //['https://via.placeholder.com/50', 'https://via.placeholder.com/60', 'https://via.placeholder.com/100', https://via.placeholder.com/150]
    });
  }

Answer 1

您在循环内声明了新的 imageCollection。因此您在每次迭代中创建了一个新数组...

在外部执行并在 forEach 循环内使用 imageCollection.push(...element.imageData)