Sobes.tech
Junior

W jakich przypadkach używa się metod array.forEach i array.map?

sobes.tech AI

Odpowiedź od AI

forEach jest używany do iteracji po elementach tablicy i wykonywania akcji dla każdego elementu. Nie tworzy nowej tablicy i nie zwraca wartości. Nadaje się do efektów ubocznych (np. logowania, zmiany DOM).

map służy do przekształcania każdego elementu tablicy i tworzenia nowej tablicy z wyników przekształcenia. Zawsze zwraca nową tablicę tego samego rozmiaru. Nadaje się do uzyskania nowego zestawu danych na podstawie istniejącego.

Przykład:

const numbers = [1, 2, 3];

// Użycie forEach do wyświetlenia każdego elementu
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Użycie map do utworzenia tablicy kwadratów liczb
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Tabela porównawcza:

Cecha forEach map
Wartość zwracana undefined Nowa tablica
Cel Wykonywanie działań dla każdego elementu Przekształcanie elementów, tworzenie nowej tablicy
Modyfikuje oryginalną tablicę Nie (chyba że sam element zostanie zmieniony) Nie