JavaScript | Как склеить два массива в один?

У нас есть два массива. В первом массиве перечислены женские имена. Во втором массиве перечислены мужские имена.

Массив № 1
var namesFemale = [ "Елена" , "Светлана" , "Татьяна" , "Диана" ]
Массив № 2
var namesMale = [ "Пётр" , "Алексей" , "Максим" , "Иван" ]

Задача

Мы хотим сложить имена из двух разных массивов и положить их в один массив. Мы хотим, чтобы все элементы первого и второго массивов были скопированы в третий массив. Мы хотим иметь возможность всегда обращаться к «первородным» массивам без их искажения.

Решение

Для того чтобы склеить два массива в JavaScript нужно воспользоваться методом прототипов объекта Array, который называется concat()

var namesAll = [].concat(namesFemale, namesMale)

В этом примере мы вызываем метод concat() у пустого анонимного массива. (квадратные скобки и точка) Далее в круглых скобках метода concat() через запятую мы перечисляем переменные с первым и вторым массивами. В нашем случае это переменные namesMale и namesFemale.

Выводим результат склеивания двух массивов в консоль браузера.

console.log(namesAll)

Мы получаем один массив, который содержит 4 женских имени и 4 мужских. Итоговый массив имеет длину 8.

["Елена", "Светлана", "Татьяна", "Диана", "Пётр", "Алексей", "Максим", "Иван"]
Склеенный массив из двух массивов в JavaScript
Склеенный массив из двух массивов в JavaScript

Ссылки

Найти больше информации можно в разделе «JavaScript | Массивы«

Поделись записью