Kādās gadījumos tiek izmantotas metodes array.forEach un array.map?

forEach tiek izmantots, lai iterētu caur masīva elementiem un veiktu darbību katram elementam. Tas neveido jaunu masīvu un neatgriež vērtības. Piemērots blakus efektiem (piemēram, žurnāla ierakstīšanai, DOM maiņai).

map tiek izmantots, lai pārveidotu katru elementu un izveidotu jaunu masīvu no pārveidojuma rezultātiem. Tas vienmēr atgriež jaunu masīvu ar tādu pašu garumu. Piemērots, lai iegūtu jaunu datu kopu, balstoties uz esošo.

Piemērs:

const numbers = [1, 2, 3];

// Izmantojot forEach, lai izvadītu katru elementu
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Izmantojot map, lai izveidotu kvadrātu masīvu
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Salīdzināšanas tabula:

Īpašība	forEach	map
Atgrieztā vērtība	undefined	Jauns masīvs
Mērķis	Veikt darbības katram elementam	Pārveidot elementus, izveidot jaunu masīvu
Vai maina sākotnējo masīvu	Nē (ja pats elements netiek mainīts)	Nē