Metody tablic w JavaScript - Część 1

Tablica to obiekt w JavaScript. Używa się jej do przechowywania wielu wartości w jednej zmiennej.

Zamiast tworzyć osobne zmienne dla każdego elementu, użyj jednej tablicy.

Przykład: let students = ["John", "David", "Alex"];

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

• Indeks 0: John • Indeks 1: David • Indeks 2: Alex

Podstawowe pojęcia dotyczące tablic

  1. 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 dodać lub usunąć elementy. Jeśli zmniejszysz długość, JavaScript usunie nadmiarowe elementy. Jeśli zwiększysz długość, JavaScript utworzy puste miejsca.

  1. toString() Ta metoda konwertuje tablicę na ciąg znaków. Łączy elementy za pomocą przecinków. Nie zmienia oryginalnej tablicy.

  2. join() Użyj tego, gdy potrzebujesz własnego separatora.

• fruits.join(" | ") zwraca "Apple | Orange | Banana" • fruits.join("-") zwraca "Apple-Orange-Banana"

  1. at() Ta metoda zwraca element pod konkretnym indeksem. Obsługuje liczby ujemne.

• arr.at(-1) zwraca ostatni element. • arr.at(-2) zwraca przedostatni element.

  1. pop() Ta metoda usuwa ostatni element z tablicy. Zwraca usunięty element. Powoduje to zmianę oryginalnej tablicy.

  2. Array.isArray() Użyj tego, aby sprawdzić, czy dana wartość jest tablicą. Operator typeof zwraca "object" dla tablic, więc nie jest on niezawodny.

• Array.isArray([]) zwraca true • Array.isArray({}) zwraca false

  1. concat() Użyj tego, aby połączyć dwie lub więcej tablic. Nie zmienia ona oryginalnych tablic. Zwraca zupełnie nową tablicę.

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

Ważna uwaga na temat delete Operator delete usuwa element, ale zachowuje tę samą długość tablicy. Tworzy to pustą lukę w tablicy. Jeśli chcesz usunąć elementy i zmniejszyć tablicę, użyj innych metod.

Źródło: https://www.w3schools.com/js/js_array_methods.asp

Kompletny przewodnik: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7