Метод push
Метод push добавляет неограниченное количество элементов в конец массива. При этом исходный массив изменяется, а результатом возвращается новая длина массива.
Синтаксис
массив.push(элемент, элемент, элемент. );
Пример
Давайте в конец массива добавим еще два новых элемента:
let arr = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’]; arr.push(‘1’, ‘2’); console.log(arr);
Результат выполнения кода:
[‘a’, ‘b’, ‘c’, ‘d’, ‘e’, ‘1’, ‘2’]
Пример
Добавим в массив два новых элемента и выведем новую длину массива:
let arr = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’]; let length = arr.push(‘1’, ‘2’); console.log(length);
Результат выполнения кода:
Пример . Применение
Заполним массив числами от 1 до 9 :
let arr = []; for (let i = 1; i <= 9; i++) < arr.push(i) >console.log(arr);
Результат выполнения кода:
[1, 2, 3, 4, 5, 6, 7, 8, 9]
Смотрите также
- метод unshift ,
который добавляет элементы в начало массива - методы shift и pop ,
которые удаляют элементы из массива - метод fill ,
который заполняет массив
Как работает метод массива push js?
Метод массива push() добавляет один или несколько элементов в конец массива и возвращает новую длину массива:
const array = ['a', 'b', 'c', 'd']; // добавляем новый элемент в конец массива array.push('e'); console.log(array); // => [ 'a', 'b', 'c', 'd', 'e' ] // для добавления нескольких элементов указываем их через запятую array.push('f', 'g'); console.log(array); // => [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ] // метод push() возвращает новую длину массива const newLength = array.push('h'); console.log(newLength); // => 8 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 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 , результатом будет
['а', 'б', 'в', 'г', 'д', 'е', 'ё', 'ж']
Skypro — научим с нуля
Array.prototype.push()
Метод push() добавляет один или более элементов в конец массива и возвращает новую длину массива.
Синтаксис
arr.push(element1, . elementN)
Параметры
Элементы, добавляемые в конец массива.
Возвращаемое значение
Новое значение свойства length объекта, для которого был вызван данный метод.
Описание
Метод push присоединяет значения к массиву.
Метод push не является привязанным к типу; этот метод может быть вызван или применён к объектам, напоминающим массив. Метод опирается на свойство length для определения места вставки значений. Если свойство length не может быть преобразовано в число, будет использовать индекс 0. Сюда входит случай несуществования свойства length , в этом случае оно также будет создано.
Единственными родными массивоподобными объектами являются строки, хотя к ним он не может быть применён, поскольку строки являются неизменяемыми.
Примеры
Пример: добавление элементов в массив
Следующий код создаёт массив sports , содержащий два элемента, а затем добавляет к нему ещё два элемента. Переменная total будет содержать новую длину массива.
var sports = ["футбол", "бейсбол"]; var total = sports.push("американский футбол", "плавание"); console.log(sports); // ['футбол', 'бейсбол', 'американский футбол', 'плавание'] console.log(total); // 4
Пример: слияние двух массивов
В этом примере используется функция apply() для помещения всех элементов из второго массива в первый.
var vegetables = ["пастернак", "картошка"]; var moreVegs = ["сельдерей", "свёкла"]; // Сливает второй массив с первым // Эквивалентно вызову vegetables.push('сельдерей', 'свёкла'); Array.prototype.push.apply(vegetables, moreVegs); console.log(vegetables); // ['пастернак', 'картошка', 'сельдерей', 'свёкла']
Спецификации
| Specification |
|---|
| ECMAScript Language Specification # sec-array.prototype.push |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Array.prototype.pop()
- Array.prototype.shift()
- Array.prototype.unshift()
- Array.prototype.concat()
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 4 авг. 2023 г. by MDN contributors.
Your blueprint for a better internet.