JavaScript Arrays Methods - Part 1

Tablica to specjalny obiekt w JavaScript. Przechowuje wiele wartości w jednej zmiennej.

Zamiast tworzyć osobne zmienne dla każdego ucznia: let student1 = "John"; let student2 = "David";

Użyj tablicy: let students = ["John", "David", "Alex"];

Każda wartość to element. Każdy element ma indeks zaczynający się od 0.

• Właściwość length Właściwość length informuje o całkowitej liczbie elementów. Jest to właściwość, a nie funkcja. Nie używaj nawiasów. Poprawnie: arr.length Błędnie: arr.length()

Możesz zmienić długość, aby zmienić rozmiar tablicy.

  • Zmniejszenie długości usuwa elementy z końca.
  • Zwiększenie długości tworzy puste miejsca.

• toString() i join() Użyj toString() aby przekształcić tablicę w ciąg znaków oddzielony przecinkami. Użyj join() gdy chcesz użyć własnego separatora, np. myślnika lub kreski pionowej.

• Metoda at() Metoda ta zwraca element pod konkretnym indeksem. W przeciwieństwie do zapisu w nawiasach kwadratowych, obsługuje ona ujemne indeksy. arr.at(-1) zwraca ostatni element.

• Metoda pop() Usuwa ona ostatni element z tablicy. Modyfikuje oryginalną tablicę i zwraca usunięty element.

• Array.isArray() Użyj tego, aby sprawdzić, czy dana wartość jest tablicą. Operator typeof zwraca "object" dla tablic, co nie jest pomocne. Zawsze waliduj dane za pomocą Array.isArray() przed rozpoczęciem pętli.

• delete vs concat() Operator delete usuwa element, ale pozostawia po nim pustą lukę. Nie zmienia on długości tablicy. Metoda concat() łączy tablice. Nie zmienia ona oryginalnych tablic, lecz zwraca nową.

• copyWithin() Kopiuje ona część tablicy na nową pozycję w tej samej tablicy. Nadpisuje ona istniejące elementy.

Podsumowanie metod:

  • length: Zwraca rozmiar.
  • toString(): Przekształca w ciąg znaków oddzielony przecinkami.
  • join(separator): Przekształca w ciąg znaków z własnym separatorem.
  • at(index): Pobiera element (obsługuje ujemny indeks).
  • pop(): Usuwa ostatni element.
  • isArray(): Sprawdza, czy wartość jest tablicą.
  • concat(): Łączy tablice w nową tablicę.
  • copyWithin(): Kopiuje elementy w obrębie tej samej tablicy.

Źródło: https://www.w3schools.com/js/js_array_methods.asp Pełny przewodnik: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7