Javascript Array Length

Podsumowanie: Z tego artykułu dowiesz się czym jest właściwość Array length w JavaScript oraz poznasz kilka przydatnych przykładów użycia.

Czym jest właściwość JavaScript Array Length?

Array.length to właściwość (czyli zmienna) tablicy, która zwraca jej aktualny rozmiar, czyli liczbę elementów, które są obecnie w tej tablicy. Możesz ją użyć, aby dowiedzieć się, ile elementów jest obecnie w tablicy lub aby sprawdzić, czy tablica jest pusta.

Przykłady użycia array length w JavaScript

Studiowanie przykładów kodu w JavaScript pomoże Ci zrozumieć w, jaki sposób działają poszczególne elementy języka JavaScript. Poniżej znajdują się przykłady z użyciem właściwości array length w języku JavaScript. Poświęć 3 minuty na ich zrozumienie.

Sprawdzenie liczby elementów w tablicy

let colors = ['red', 'green', 'blue'];
console.log(colors.length);  // wyświetli 3

Jak możesz zauważyć, powyższy kod tworzy nową tablicę o nazwie colors, która zawiera trzy elementy (red, green, blue). Za pomocą właściwości JavaScript Array length i funkcji console.log() wyświetlamy liczbę elementów tablicy (długość tablicy).

Sprawdzenie, czy tablica jest pusta

let colors = [];
if (colors.length === 0) {
  console.log('Tablica jest pusta');
}

Bardzo często podczas pisania kodu w języku JavaScript musimy sprawdzać, czy tablica jest pusta – możemy to sprawdzić za pomoca właściwości length. Jeśli właściwość length zwróci nam wartość 0, oznacza to, że tablica jest pusta (nie zawiera żadnych elementów).

Iterowanie przez elementy tablicy za pomocą pętli for

let colors = ['red', 'green', 'blue'];
for (let i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}

Dodawanie nowych elementów do tablicy

let colors = ['red', 'green', 'blue'];
colors.length = 5;  // teraz tablica ma 5 elementów (ostatnie dwa są undefined)
colors[4] = 'purple';  // teraz tablica ma element ['red', 'green', 'blue', undefined, 'purple']