JavaScript: Jak dodać wiele elementów do tablicy?

W jednym z poprzednich wpisów poruszałem temat: jak umieścić element w konkretnym miejscu w tablicy. W tym opiszę, jak dodać wiele elementów do tablicy, w określonym miejscu.

Mamy dwie tablice:

const tab1 = [1, 2, 3];
const tab2 = [6, 5, 4];

I chcemy dodać elementy tablicy tab2 do tab1. Na przykład tak:

[1, 2, 6, 5, 4, 3]

Możemy to zrobić za pomocą funkcji splice z klasy Array:

const tab1 = [1, 2, 3];
const tab2 = [6, 5, 4];

tab1.splice(2, 0, ...tab2);

console.log(tab1); // [1, 2, 6, 5, 4, 3]

W pierwszym parametrze informujemy splice, w którym miejscu chcemy dodać nowe elementy. W drugim podajemy 0, ponieważ nie chcemy nic kasować z tablicy. I w końcu w ostatnim parametrze podajemy listę elementów, które chcemy dodać.

splice modyfikuje tablicę, na której została ta funkcja wywołana.