В этом руководстве вы узнаете, как использовать метод 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 и оператора распространения.