Уроки по веб-разработке

concat() — объединение массивов

Данный метод используется для объединения массивов. В качестве параметров принимается один или несколько массивов, которые вы хотите добавить к существующему:

const newArr = arr.concat(val_1, val_2, val_n);

Также данный метод можно использовать для добавления значения к массиву. Подробнее читайте про добавление элемента в массив.

Обратите внимание, что данный метод не изменяет массив, для которого он вызывается, а возвращает новый, уже с новыми элементами.

Рассмотрим примеры:

const arr = ['Apple', 'Cherry'];

const newArr = arr.concat(['Lemon']);

console.log(newArr); // ['Apple', 'Cherry', 'Lemon']
console.log(arr); // ['Apple', 'Cherry']

Как объединить несколько массивов?

Т.к. данный метод принимает несколько параметров, мы можем ему передать сразу несколько новых массивов:

const arr1 = ['Apple', 'Cherry'];
const arr2 = ['Kiwi', 'Lime'];
const arr3 = ['Mango', 'Melon'];

const newArr = arr1.concat(arr2, arr3);

console.log(newArr); // ['Apple', 'Cherry', 'Kiwi', 'Lime', 'Mango', 'Melon']

На ряду с массивом, мы также можем передать и обычное значение:

const arr1 = ['Apple', 'Cherry'];
const arr2 = ['Kiwi', 'Lime'];

const newArr = arr1.concat(arr2, 'Mango', 'Melon');

console.log(newArr); // ['Apple', 'Cherry', 'Kiwi', 'Lime', 'Mango', 'Melon']