Tablice: Metody wbudowane

Javascript
Priorytet: Normalny Szkic

Zadanie 4.3: Metody Tablicowe

Wstęp

JavaScript daje Ci scyzoryk szwajcarski do pracy z tablicami. Nie musisz ręcznie przesuwać elementów, żeby coś usunąć. Wystarczy znać odpowiednią metodę.

Cel zadania

Praktyczne zastosowanie metod do dodawania, usuwania i wycinania fragmentów tablicy.

Przegląd metod

1. Dodawanie i usuwanie na krańcach

Wyobraź sobie tablicę jak kolejkę lub stos.

  • push(x): Dodaj na koniec.
  • pop(): Usuń ostatni (i zwróć go).
  • unshift(x): Dodaj na początek (przesuwa resztę!).
  • shift(): Usuń pierwszy (i zwróć go).
const todo = ["Kupić mleko"];

todo.push("Wyprowadzić psa"); // ["Kupić mleko", "Wyprowadzić psa"]
todo.unshift("Wstać z łóżka"); // ["Wstać z łóżka", "Kupić mleko", "Wyprowadzić psa"]

const done = todo.pop(); // Usuwa "Wyprowadzić psa"
console.log(todo); // ["Wstać z łóżka", "Kupić mleko"]
console.log("Zrobione:", done);

2. Wycinanie i sklejanie

  • slice(start, end): Kopiuje fragment tablicy (nie niszczy oryginału).
  • splice(start, count, ...items): Scyzoryk. Wycina elementy ze środka i opcjonalnie wstawia nowe. (Niszczy oryginał!).
  • concat(array2): Łączy dwie tablice.
/* SPLICE - Usuwanie ze środka */
const colors = ["Czerwony", "Zielony", "Niebieski", "Żółty"];

// Usuń 2 elementy, zaczynając od indeksu 1
colors.splice(1, 2); 
console.log(colors); // ["Czerwony", "Żółty"] (Zielony i Niebieski usunięte)

Kroki do wykonania (Zadanie)

Scenariusz: Zarządzanie playlistą

Stwórz tablicę playlist z piosenkami: ["Song A", "Song B", "Song C"].

  1. Dodaj na koniec "Song D". (push)
  2. Dodaj na początek "Intro". (unshift)
  3. Usuń ostatnią piosenkę, bo była słaba. (pop)
  4. Piosenka "Song B" (indeks 2 po zmianach) Ci się znudziła. Usuń ją używając splice.
  5. Wyświetl finalną playlistę.

[!IMPORTANT] Commit: Zadanie 4.3 - Metody tablicowe.

Zadanie dla chętnych

Użyj metody join(" | "), aby połączyć wszystkie elementy playlisty w jeden długi napis oddzielony kreskami i wyświetl go.