push() в JavaScript

push() это метод, который добавляет один и более элементов в конец массива и возвращает его новую длину.


Синтаксис

  
  let arr = ['JS','React','HTML','CSS']

  arr.push('TypeScript','Angular') // 6 
  

Результатом будет обновленная длина массива. Также если после операции посмотреть на сам массив, то можно увидеть, там все шесть элементов.

  
  console.log(arr) // ['JS','React','HTML','CSS','TypeScript','Angular']
  

Таким образом видно, что метод push() работает с исходным массивом, а не создаёт его копию. Сами элементы добавляются в конец массива в том порядке, в котором они записаны в методе.

push() и цикл

Используя push() в цикле создавать массивы с большим количеством элементов достаточно просто. Например продолжить массив чётных чисел до 100, 1000 или 1 000 000 можно написав всего несколько строчек кода.

  
  let arr = [2,4,6]

  for (let i = 0; i <= 100; i+=2) {
    if (i > arr[arr.length - 1]) {
      arr.push(i)
    }
  }

  console.log(arr)
  

push() и apply()

При необходимости push() может произвести слияние двух массивов с помощью метода apply().

  
  let arr1 = ['а','б','в','г']
  let arr2 = ['д','е','ё','ж']

  Array.prototype.push.apply(arr1, arr2)
  

Такая запись означает, что мы помещаем массив arr2 в arr1, результатом будет

  
  ['а', 'б', 'в', 'г', 'д', 'е', 'ё', 'ж']