Tablice i iteracja: forEach, map, filter

Tablice (Arrays) w JavaScript to specjalny rodzaj obiektu służący do przechowywania kolekcji danych. Możesz umieszczać w nich różne typy elementów, a do zarządzania nimi masz dostępne różne metody i pętle. Szczególnie przydatne są funkcje wbudowane: forEach, map oraz filter, które ułatwiają pracę z listami danych.

Podstawy tworzenia tablicy

Najczęściej stosuje się literał tablicy:

• Indeksy tablic zaczynają się od 0 (pierwszy element to liczby[0] = 10).
• Długość tablicy to liczby.length.

const liczby = [10, 20, 30, 40];
const imiona = ["Ala", "Ola", "Jan"];

forEach() – proste przejście przez każdy element

forEach wykonuje podaną funkcję dla każdego elementu tablicy.

Zastosowanie: Najczęściej do wyświetlania zawartości tablicy lub prostych operacji na każdym elemencie bez zwracania nowej tablicy.

tablica.forEach((element, indeks) => {
  // Kod uruchomiony dla każdego elementu
});

filter() – wybieranie wybranych elementów

filter zwraca nową tablicę zawierającą tylko elementy, dla których funkcja zwróciła true.

Zastosowanie:

• Filtrowanie danych (np. użytkownicy spełniający pewne kryterium).
• Łatwe tworzenie list pasujących do warunku.

const liczby = [5, 10, 15, 20];
const wiekszeNiz10 = liczby.filter(el => el > 10);
// wiekszeNiz10 -> [15, 20]

Różne zastosowania

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

• Tablice umożliwiają przechowywanie list danych.
• forEach iteruje po tablicy bez zwracania nowej listy (świetny do wyświetlania informacji).
• map tworzy nową tablicę, stosując funkcję do każdego elementu.
• filter zwraca nową tablicę, zawierającą tylko elementy pasujące do warunku.
• Wykorzystanie wbudowanych metod iteracyjnych zwiększa czytelność i skracania kod w porównaniu do tradycyjnych pętli.