How to join two arrays at the angle

Question

I have a service me returning an array containing photos and when I "scroll" page it adds +1 on the photo page and I wanted to show the new photos below the current photos

  getPhotos(page: number) {
    this.updateMasonryLayout = true;
    this.unsplashAPI.random(0 + page)
      .subscribe(
        (photos: any[]) => this.photos = photos,
        (error: any) => this.errorMessage = error as any
      );
  }

This code returns me the page but always changes the current page or exchange the values of the array and I want to keep the old values plus new values

Answer 1

With the es6 has the possibility to do with deconstructing

arrNovo = [...arr1, ...arr2] // voce pode fazer com quantos arrays quiser e a ordem importa.

Answer 2

You can do it this way:

getPhotos(page: number) {
    this.updateMasonryLayout = true;
    this.unsplashAPI.random(0 + page)
      .subscribe(
        (photos: any[]) => this.photos = this.photos.concat(photos),
        (error: any) => this.errorMessage = error as any
      );
  }