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

标签 javascript arrays ecmascript-6

如何在 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]
    });
  }

最佳答案

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

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

关于javascript - 如何在 Javascript 的 foreach 循环中合并多个数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66534230/

相关文章:

javascript - 如何使用 Typescript 实现 Material-UI ThemeProvider 和 WithStyles

javascript - 按钮点击不会在第二次点击时触发

java - 对包含空元素的数组进行排序

c# - ToArray() 方法将所有实例克隆为最后一个

c - 每个链接列表都有较小的数组,这在 C 中有意义吗?

javascript - 使用 reduce 计算以小时为单位的日期差异

javascript - 如何使用 javascript 将图像的尺寸添加到图像 URL 中?动态使用调整大小 : w=400&h=153

Javascript:在嵌套范围内访问/绑定(bind)父上下文/this的最佳方式

javascript - 通过 Javascript WeakMaps 收集垃圾的缓存

javascript - 无法在 Node v6.4.0 中启用尾调用优化