如何将（较小的）图片数组推入（较大的）数组？

Question

使用的框架：Angular + Ionic

案例：我正在从一个API中获取一些数据，我需要在一个IonCard中显示它们，但是该数组不包含任何图片，所以我在我的资产中本地存储了一些图片文件，我已经将每张图片的目录和名称存储在一个数组中。

所以逻辑上我需要做的是遍历两个数组并将一张图片推送到获取数组的每个对象，但是有一些困难，例如以下一个：

图片数组的大小较小，这意味着某些 IonCards 将没有图像。

所以我只需要一些关于这个功能的帮助，希望我已经澄清了这个问题。谢谢。

Answer 1

好的，这就是我为解决我的问题而编写的函数，我认为这可能会对那些需要合并两个不同大小的数组的人有所帮助。仅供参考，我已经在组件的 .ts 文件中编写了这个函数。

loadedJobs = [];
.
.
.
fetchJobs(){
    this.ws.get<Jobs>('/aplink/jobs')
    .pipe(map(responseData => {
      Object.assign(this.loadedJobs, responseData.models);
        var i: number = 0;
        var n: number = 0;
        while (i < this.loadedJobs.length) {
            this.loadedJobs[i] = Object.assign(this.loadedJobs[i], {
              img: this.people[n].img
            });
            if ((this.people.length)-1 == n){
              n = 0;
            } else {
              n++;
            }
          i++;
          }
    })).subscribe();

  }

Answer 2

在这种情况下我会做的是尝试将两个数组解析为相同类型的对象（例如 'Picture'），然后对数组使用 concat 方法。

您可以在此处阅读有关此方法的信息 https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

关于照片的尺寸，我不知道变化是否很大，但我建议修改 css 以使 imgs 具有静态高度和宽度。

如何将（较小的）图片数组推入（较大的）数组？

How to push (smaller) array of pictures into an (larger) array?

arrays

iteration

ionic-framework

angular