Quali tipi di ciclo for conosci in JavaScript?

In JavaScript esistono diverse varianti di ciclo for:

• for (classico): Viene usato per iterare su un intervallo numerico o per eseguire un'azione un numero determinato di volte.

  // Iterazione su un intervallo numerico
  for (let i = 0; i < 5; i++) {
    console.log(i); // 0, 1, 2, 3, 4
  }
  

• for...in: Itera sulle chiavi (proprietà) delle proprietà enumerabili di un oggetto (inclusi i proprietà del prototipo). Non raccomandato per iterare sugli array a causa di potenziali problemi con l'ordine e l'enumerazione delle proprietà non numeriche.

  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 = ['mela', 'banana', 'arancia'];
  for (const index in arr) {
    console.log(index); // 0, 1, 2 (le chiavi in questo caso sono gli indici)
  }
  

• for...of: Itera sui valori degli oggetti iterabili, come array, stringhe, Map, Set, TypedArray e argomenti. È raccomandato per l'iterazione sugli array.

  const arr = ['mela', 'banana', 'arancia'];
  for (const element of arr) {
    console.log(element);
    // mela
    // banana
    // arancia
  }
  
  const str = "ciao";
  for (const char of str) {
    console.log(char);
    // c
    // i
    // a
    // o
  }
  

Tabella comparativa:

Ciclo	Scopo	Elementi da iterare	Raccomandato per
for	Iterare su un intervallo numerico, ripetere	Numero definito di volte	Cicli generali
for...in	Iterare sulle chiavi (proprietà) degli oggetti enumerabili	Chiavi (proprietà)	Oggetti
for...of	Iterare sui valori degli oggetti iterabili	Valori	Array, stringhe, Map, Set