map i filter

Dwie kluczowe metody: transformują one tablicę w nową tablicę, bez modyfikowania oryginalnej.

map: transformuje każdy element

Przyjmuje funkcję, aplikuje ją do każdego elementu i zwraca tablicę o tej samej długości z wynikami.

const numeri = [1, 2, 3, 4];

const doppi = numeri.map((n) => n * 2);
// [2, 4, 6, 8]

const stringhe = numeri.map((n) => `n=${n}`);
// ['n=1', 'n=2', 'n=3', 'n=4']

Oryginał pozostaje nienaruszony:

numeri; // [1, 2, 3, 4]  ← invariato

filter: wybiera podzbiór

Przyjmuje predykat (funkcję zwracającą true/false). Zachowuje tylko te elementy, dla których predykat zwraca true.

const numeri = [1, 2, 3, 4, 5, 6];

const pari = numeri.filter((n) => n % 2 === 0);
// [2, 4, 6]

const grandi = numeri.filter((n) => n > 3);
// [4, 5, 6]

Łączenie obu metod

Klasyczny potok (pipeline): najpierw filtrujemy, potem mapujemy.

const prezzi = [12, 5, 100, 30, 7];

const grandiDoppi = prezzi.filter((p) => p > 10).map((p) => p * 2);
// [24, 200, 60]

Spróbuj sam

Ćwiczenie powtórzeniowe