Расширение существующего массива JavaScript другим массивом без создания нового

Особенностью языка программирования JavaScript является то, что при объединении двух массивов создается новый массив. Это может вызвать затруднения для новичков, привыкших к функции extend в Python, которая позволяет просто расширить один массив другим.

Вот пример проблемы. Пусть у нас есть два массива:

 
let a = [1, 2]; 
let b = [3, 4, 5]; 

Мы хотим добавить все элементы из b в a, чтобы в итоге получился массив [1, 2, 3, 4, 5].

Существующий метод concat в JavaScript для этого не подходит, так как он создает новый массив, вместо того чтобы расширить существующий. Это может быть неэффективно, если массив a значительно больше b.

let c = a.concat(b);

В результате мы получим нужный нам массив в c, но исходный массив a останется без изменений.

Однако существует другой способ достичь нашей цели, не создавая новый массив. В JavaScript есть метод push, который добавляет элементы в конец массива. Но если мы попробуем просто использовать push с массивом в качестве аргумента, он будет добавлен как один элемент.

a.push(b);

В результате мы получим массив [1, 2, [3, 4, 5]], что не является желаемым результатом. Нам нужен метод, который добавляет все элементы второго массива в первый.

Решение проблемы — использование оператора распространения (spread operator), обозначаемого тремя точками .... Он позволяет передавать элементы массива в качестве отдельных аргументов функции.

a.push(...b);

Теперь массив a станет [1, 2, 3, 4, 5], что и было нашей целью. Этот метод не создает новый массив и работает эффективно, даже если массив a значительно больше b.