Ποιοι τύποι βρόχων for γνωρίζετε στη JavaScript;

Στην JavaScript, υπάρχουν διάφορες παραλλαγές του βρόχου for:

• for (κλασικός): Χρησιμοποιείται για επανάληψη σε αριθμητικό εύρος ή για εκτέλεση μιας ενέργειας συγκεκριμένο αριθμό φορών.

  // Επανάληψη σε αριθμητικό εύρος
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Διατρέχει κλειδιά (ιδιότητες) των enumerable ιδιοτήτων ενός αντικειμένου (συμπεριλαμβανομένων των ιδιοτήτων του πρωτοτύπου). Δεν συνιστάται για επανάληψη σε πίνακες λόγω πιθανών προβλημάτων με τη σειρά και την enumeration των μη αριθμητικών ιδιοτήτων.

  const obj = { a: 1, b: 2, c: 3 };
  for (const key in obj) {
    console.log(`${key}: ${obj[key]}`);
    // a: 1
    // b: 2
    // c: 3
  }
  
  const arr = ['μήλο', 'μπανάνα', 'πορτοκάλι'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (τα κλειδιά σε αυτή την περίπτωση είναι οι δείκτες)
  }
  

• for...of: Διατρέχει τις τιμές των iterable αντικειμένων, όπως πίνακες, συμβολοσειρές, Map, Set, TypedArray και arguments. Συνιστάται για επανάληψη σε πίνακες.

  const arr = ['μήλο', 'μπανάνα', 'πορτοκάλι'];
  for (const element of arr) {
    console.log(element);
    // μήλο
    // μπανάνα
    // πορτοκάλι
  }
  
  const str = "γεια";
  for (const char of str) {
    console.log(char);
    // γ
    // ε
    // ι
    // α
  }
  

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

Βρόχος	Σκοπός	Αντικείμενα προς επανάληψη	Συνιστάται για
for	Επανάληψη σε αριθμητικό εύρος, επανάληψη	Ορισμένος αριθμός φορές	Γενικοί βρόχοι
for...in	Επανάληψη σε κλειδιά (ιδιότητες) των enumerable αντικειμένων	Κλειδιά (ιδιότητες)	Αντικείμενα
for...of	Επανάληψη στις τιμές των iterable αντικειμένων	Τιμές	Πίνακες, συμβολοσειρές, Map, Set