Espressione for in JavaScript

Definizione e uso

La frase for crea un ciclo che si esegue fintanto che la condizione è vera.

Il ciclo continua fino a quando la condizione è vera. Si ferma solo quando la condizione diventa falsa.

JavaScript supporta diversi tipi di loop:

  • for - loop di codice ripetuto
  • for/in - percorre le proprietà dell'oggetto
  • for/of - Esegui il ciclo sugli valori di un oggetto iterabile
  • while - Esegui un blocco di codice quando la condizione specificata è vera
  • do/while - Esegui un blocco di codice una volta, poi ripeti il ciclo quando la condizione specificata è vera

Suggerimento:Usa la statement break per uscire dal ciclo, usa la statement continue per saltare un valore nel ciclo.

Esempio

Esegui il blocco di codice del ciclo cinque volte:

var text = "";
var i;
for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";

Prova tu stesso

C'è più di esempio TIY in fondo alla pagina.

Sintassi

for (statement 1; statement 2; statement 3) {
  blocco di codice da eseguire

Valore del parametro

Parametro Descrizione
statement1

Opzionale. Esegui prima dell'inizio del ciclo (blocco di codice). Di solito questa istruzione viene utilizzata per inizializzare il variabile contatore. Se si desidera inizializzare più valori, separare ciascun valore con una virgola.

Commento:Questo parametro può essere omesso. Tuttavia, non omettere il punto e virgola ";"
statement2

Opzionale. Definire la condizione di esecuzione del ciclo (blocco di codice). Di solito questa istruzione viene utilizzata per valutare la condizione della variabile contatore. Se restituisce true, il ciclo inizierà di nuovo, se restituisce false, il ciclo finirà.

Commento:Questo parametro può essere omesso. Tuttavia, non omettere il punto e virgola ";". Inoltre, se si omette questo parametro, deve essere fornito break all'interno del ciclo. Altrimenti, il ciclo non finirà mai, il che farà crollare il tuo browser.
statement3

Opzionale. Esegui dopo ogni esecuzione del ciclo (blocco di codice). Di solito questa istruzione viene utilizzata per incrementare o decrementare il variabile contatore.

Commento:Questo parametro può essere omesso (ad esempio, aumentare / ridurre il valore all'interno del ciclo).

Dettagli tecnici

Versione JavaScript: ECMAScript 1

Più esempi

Esempio

Il ciclo esplora gli indici dell'array, raccogliendo i nomi delle auto dall'array cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";

Prova tu stesso

Esempio di spiegazione:

  • Prima di tutto, impostiamo una variabile prima dell'inizio del ciclo (var i = 0;)
  • Poi, definiamo la condizione di esecuzione del ciclo. Finché la variabile è minore della lunghezza dell'array (cioè 4), il ciclo continuerà
  • Ogni volta che viene eseguito il ciclo, la variabile viene incrementata (i++)
  • Una volta che la variabile non è più minore di 4 (la lunghezza dell'array), la condizione è falsa, il ciclo termina

Esempio

Inizializzare più valori nel primo parametro:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) { 
  text += cars[i] + "<br>";

Prova tu stesso

Esempio

Omettere il primo parametro (impostare il valore prima dell'inizio del ciclo):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
  text += cars[i] + "<br>";

Prova tu stesso

Esempio

Utilizzare la语句 continue - eseguire il blocco di codice del ciclo, ma saltare il valore "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    continue;
  
  text += "The number is " + i + "<br>";

Prova tu stesso

Esempio

Uso della statement break - Esegui un pezzo di codice, ma esci dal ciclo quando la variabile i è uguale a "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    break;
  
  text += "The number is " + i + "<br>";

Prova tu stesso

Esempio

Ometti il secondo parametro. In questo esempio, usiamo anche la statement break quando i è uguale a "3" per uscire dal ciclo (se si omette il secondo parametro, deve essere fornito un break all'interno del ciclo. Altrimenti il ciclo non finirà mai e il browser crollerà):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
  if (i == 3) {
    break;
  
  text += cars[i] + "<br>";

Prova tu stesso

Esempio

Esempio di ciclo decrescente per l'indice dell'array (decrescente):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";

Prova tu stesso

Esempio

Ometti l'ultimo parametro e incrementa il valore all'interno del ciclo:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) { 
  text += cars[i] + "<br>";
  i++;

Prova tu stesso

Esempio

Esempio di esplorazione di NodeList oggetti nodi e modificare il colore di sfondo di tutti gli elementi <p> nella lista:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";

Prova tu stesso

Esempio

Esempio di ciclo anidato (ciclo all'interno di un ciclo):

var text = "";
var i, j;
for (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  for (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";

Prova tu stesso

Supporto browser

Esempi di sintassi Chrome IE Firefox Safari Opera
per Supporto Supporto Supporto Supporto Supporto

Pagine correlate

Tutorial JavaScript:Ciclo for JavaScript

Manuale di riferimento JavaScript:Espressione for ... in JavaScript

Manuale di riferimento JavaScript:Espressione break JavaScript

Manuale di riferimento JavaScript:Espressione continue JavaScript

Manuale di riferimento JavaScript:Espressione while JavaScript