JavaScriptTablice

Array.prototype.push()

Dodaje elementy na koniec tablicy i zwraca jej nową długość.

Zwraca
Nową długość tablicy.
Zmienia oryginał
Tak
Na tej stronie

Przykład

#
JavaScript
const cart = ['Kurs HTML']
const newLength = cart.push('Kurs CSS', 'Kurs JS')

console.log(newLength)
console.log(cart)
Konsola
3
['Kurs HTML', 'Kurs CSS', 'Kurs JS']

Definicja i zastosowanie

#

Metoda push() dopisuje jeden lub więcej elementów na końcu tablicy. Zmienia oryginalną tablicę i zwraca jej nową długość, a nie samą tablicę.

To najczęstszy sposób na dokładanie danych: nowej wiadomości w czacie, zadania na listę, wyniku do historii.

W kodzie opartym na niezmienności danych (np. w stanie Reacta) zamiast push() tworzy się nową tablicę: [...items, newItem].

Składnia

#
Składnia
array.push(element1, element2, …)

Parametry

#
  • element1…elementN

    dowolne wartości

    Elementy do dodania na końcu.

Więcej przykładów

#
Wersja bez mutacji
JavaScript
const cart = ['Kurs HTML']
const updated = [...cart, 'Kurs Python']

console.log(cart)
console.log(updated)
Konsola
['Kurs HTML']
['Kurs HTML', 'Kurs Python']

Obsługa przeglądarek

#

Szeroko dostępne

Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.

  • Chrome
  • Edge
  • Firefox
  • Safari

Dobre praktyki

#
  • Nie przypisuj wyniku push() do tablicy: list = list.push(x) zamieni tablicę w liczbę.
  • Do łączenia dwóch tablic użyj concat() albo składni ..., a nie push() z tablicą (doda ją jako jeden element).

Powiązane hasła

#

Widzisz błąd albo brakuje przykładu? Napisz do nas.