Метод Array concat() в JavaScript: как объединить массивы

В этом руководстве вы узнаете, как использовать метод JavaScript Array concat() для объединения двух или более массивов в один массив.

Чтобы объединить два или более массива, используйте метод concat() объекта Array. Метод concat() возвращает новый массив и не изменяет исходные массивы. Например:

let odds = [1,3,5];
let evens = [2,4,6];
// merge odds and evens array
let combined = odds.concat(evens);

console.log('Result:', combined);
console.log('Odds:', odds);

Выход:

Result: [ 1, 3, 5, 2, 4, 6 ]
Odds: [ 1, 3, 5 ]

В этом примере у нас есть два массива: odds и evens. Мы вызываем метод concat() метода массива odds, чтобы объединить элементы двух массивов. Элементы второго массива добавляются к элементам первого массива.

Точно так же вы можете вызвать метод concat() для пустого массива, обозначенного ( [] ):

let odds = [1,3,5];
let evens = [2,4,6];
// merge odds and evens array
let combined = [].concat(odds, evens);

console.log(combined);

Выход:

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

Метод concat() позволяет объединить более двух массивов, как показано в следующем примере:

let upper  = ['A','B','C'];
let lower  = ['a','b','c'];
let digits = [1,2,3];
let alphanumerics = upper.concat(lower, digits);

Выход:

['A', 'B', 'C', 'a',  'b', 'c', 1,   2,  3]

В этом примере мы объединяем три массива: upper, lower и digits.

Когда вы не передаете никаких аргументов в метод concat(), он просто клонирует массив и возвращает его:

let colors = ['red','green','blue'];
let rgb = colors.concat();
console.log(rgb);

Выход:

[ 'red', 'green', 'blue' ]

Если вы передаете значения, которые не являются массивами, в метод concat(), метод добавит каждое значение в конец результирующего массива:

let rgb = ['red','green','blue'];
let moreColors = rgb.concat('yellow','magento');
console.log(moreColors);

Выход:

[ 'red', 'green', 'blue', 'yellow', 'magento' ]

В ES6 вы можете использовать оператор распространения для объединения нескольких массивов следующим образом:

let odds = [1,3,5];
let evens = [2,4,6];
let combined = [...odds, ...evens];
console.log(combined);

Выход:

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

Заключение

В этом руководстве вы узнали о двух способах объединения нескольких массивов в один массив с помощью метода  Array concat()в JavaScript и оператора распространения.