JS метод Array.push()

Опис

Метод push() був розроблений з метою додавання нових елементів до вже існуючого масиву, розміщуючи ці елементи на кінець. Це значить, що останній елемент масиву стає новим елементом, який ми додаємо.

Розглянемо приклад використання push():

let fruits = ["apple", "banana"];
fruits.push("mango");
console.log(fruits); // Output: ["apple", "banana", "mango"]

У цьому прикладі ми маємо масив fruits, який містить два елементи: apple і banana. За допомогою методу push() ми додаємо новий елемент mango в кінець масиву. Після цього, коли ми виводимо масив fruits в консоль, ми бачимо, що він тепер включає mango як третій елемент.

push() є мутуючим методом. Це означає, що він змінює як довжину, так і вміст поточного масиву. Якщо ж ви хочете залишити вихідний масив без змін і отримати новий масив з доданими елементами, вам варто користуватися arr.concat([елемент0, елемент1, елементN]). Зверніть увагу, що елементи потрібно обгортати у додатковий масив. Якщо ж елемент уже є масивом, він розбудеться на окремі частини замість додавання як єдина цілісна структура.

Порада:	Перед викликом методу `push()` переконайтеся, що ви викликаєте його на конкретному масиві, до якого хочете додати елементи. Наприклад, `myArray.push('apple', 'banana')`. Виклик цього методу без контексту або на об'єкті не відповідного типу може призвести до помилки.
Порада:	При використанні методу `push()` повертається нова довжина масиву після додавання елементів. Ви можете зберегти це значення у змінну або використовувати його безпосередньо.
Нотатка:	Метод `push()` може додавати один або більше елементів до масиву. Ви можете передати довільну кількість аргументів у метод `push()`, розділених комами. Всі передані елементи будуть додані до кінця масиву в порядку, в якому вони вказані.
Порада:	Також існує метод, який називається `Array.prototype.unshift()`. Цей метод виконує функцію аналогічну до `push()`, але замість того, щоб додавати елементи в кінець масиву, він розміщує їх на початок. Це може бути корисним в ряді ситуацій, залежно від ваших конкретних потреб.
Порада:	Метод `push()` універсальний. Він передбачає, що значення поточного масиву (`this`) має властивість `length` і ключі, які є цілими числами.
Порада:	Незважаючи на те, що рядки зовні схожі на масиви, цей метод не підійде для роботи з ними, адже рядки є незмінними.

Синтаксис

push()
push(element0)
push(element0, element1)
push(element0, element1, /* … ,*/ elementN)

Параметри

*elementN: Елемент(и), які треба додати до кінця масиву.

Return

Переглядачі

Переглядач
	1	1	1	4	12

Переглядач
	4.4	18	4	1

Переглядач
	0.10.0	1.0

Приклади

Цей приклад демонструє використання методу push() для додавання нових елементів до масиву. Результати виводяться на сторінці.


  See the Pen <a href="https://codepen.io/css_in_ua/pen/wvQraXY">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

Додавання елементів до масиву

const sports = ["футбол", "бейсбол"];
const total = sports.push("футбол", "плавання");

console.log(sports); // ['футбол', 'бейсбол', 'футбол', 'плавання']
console.log(total); // 4

Об'єднання двох масивів

const vegetables = ["parsnip", "potato"];
const moreVegs = ["celery", "beetroot"];

// Об'єднання другого масиву з першим
vegetables.push(...moreVegs);

console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']

Виклик методу push() на об'єктах, що не є масивами.

const arrayLike = {
  length: 3,
  unrelated: "foo",
  2: 4,
};
Array.prototype.push.call(arrayLike, 1, 2);
console.log(arrayLike);
// { '2': 4, '3': 1, '4': 2, length: 5, unrelated: 'foo' }

const plainObj = {};
// Властивості length немає, тому довжина рівна 0
Array.prototype.push.call(plainObj, 1, 2);
console.log(plainObj);
// { '0': 1, '1': 2, length: 2 }

JS довідник

JavaScript

Наповнення JS розділу