Manipulacja danych

👉 Dodawanie elementów

JavaScript oferuje dwie podstawowe metody do dodawania elementów do tablic: push i unshift. Oba te metody modyfikują oryginalną tablicę.

Metoda push

Metoda push dodaje jeden lub więcej elementów na koniec tablicy. Jest to często używane w praktyce programistycznej, na przykład podczas dodawania nowych elementów do dynamicznie aktualizowanej listy.

let liczby = [1, 2, 3];
liczby.push(4);

console.log(liczby); // [1, 2, 3, 4]

Metoda unshift

Z kolei unshift dodaje elementy na początek tablicy. Jest to użyteczne, gdy kolejność elementów ma znaczenie, np. w kolejce priorytetowej.

let liczby = [1, 2, 3];
liczby.unshift(0);

console.log(liczby); // [0, 1, 2, 3]

👉 Usuwanie elementów

Podobnie jak w przypadku dodawania, do usuwania elementów służą dwie metody: pop i shift.

Metoda pop

Pop usuwa ostatni element z tablicy i zwraca go. Jest to przydatne, gdy pracujemy z danymi w formacie LIFO (Last In, First Out), jak w przypadku stosu.

let liczby = [1, 2, 3, 4];
let usunietaLiczba = liczby.pop();

console.log(usunietaLiczba); // 4
console.log(liczby); // [1, 2, 3]

Metoda shift

Shift działa podobnie, ale usuwa pierwszy element tablicy. Jest używane, gdy dane są przetwarzane w formacie FIFO (First In, First Out).

let liczby = [1, 2, 3, 4];
let usunietaLiczba = liczby.shift();

console.log(usunietaLiczba); // 1
console.log(liczby); // [2, 3, 4]

👉 Metoda splice

Metoda splice jest bardziej uniwersalna i pozwala na dodawanie, usuwanie oraz zastępowanie elementów tablicy.

Usuwanie elementów za pomocą splice

let liczby = [1, 2, 3, 4, 5];
liczby.splice(2, 1);

console.log(liczby); // [1, 2, 4, 5]

W tym przykładzie, splice(2, 1) usuwa jeden element, zaczynając od indeksu 2 (czyli liczba 3).

Dodawanie elementów

let liczby = [1, 2, 4, 5];
liczby.splice(2, 0, 3);

console.log(liczby); // [1, 2, 3, 4, 5]

Tutaj splice(2, 0, 3) dodaje liczbę 3 na pozycji o indeksie 2, nie usuwając żadnego elementu (drugi argument to 0).

Zastępowanie elementów

let liczby = [1, 2, 3, 4, 5];
liczby.splice(2, 1, 'trzy');

console.log(liczby); // [1, 2, 'trzy', 4, 5]

W tym przykładzie, splice(2, 1, 'trzy') zastępuje jeden element na pozycji 2 nowym elementem (‘trzy’).

🔗 Dodatkowe materiały:

• How You Add and Remove Elements in Array in Javascript