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 |