Σε ποιες περιπτώσεις χρησιμοποιούνται οι μέθοδοι array.forEach και array.map;

Το forEach χρησιμοποιείται για την επανάληψη στα στοιχεία ενός πίνακα και την εκτέλεση μιας ενέργειας για κάθε στοιχείο. Δεν δημιουργεί νέο πίνακα και δεν επιστρέφει τιμές. Κατάλληλο για παρενέργειες (π.χ., καταγραφή, αλλαγή DOM).

Το map χρησιμοποιείται για τη μετατροπή κάθε στοιχείου του πίνακα και τη δημιουργία ενός νέου πίνακα από τα αποτελέσματα της μετατροπής. Πάντα επιστρέφει έναν νέο πίνακα του ίδιου μήκους. Κατάλληλο για την απόκτηση νέου συνόλου δεδομένων με βάση ένα υπάρχον.

Παράδειγμα:

const numbers = [1, 2, 3];

// Χρήση του forEach για την εμφάνιση κάθε στοιχείου
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Χρήση του map για τη δημιουργία πίνακα τετραγώνων των αριθμών
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Πίνακας σύγκρισης:

Χαρακτηριστικό	forEach	map
Τιμή επιστροφής	undefined	Νέος πίνακας
Σκοπός	Εκτέλεση ενεργειών για κάθε στοιχείο	Μετατροπή στοιχείων, δημιουργία νέου πίνακα
Τροποποιεί τον αρχικό πίνακα	Όχι (εκτός αν τροποποιηθεί το ίδιο το στοιχείο)	Όχι