I loop in Jquery

Per fare una struttura iterativa (loop) in Jquery uso la stessa sintassi dei loop in javascript.

Il ciclo while

Il ciclo while è subordinato al verificarsi di una condizione

while(condizione) {
// code
}

Il ciclo itera fin quando la condizione è soddisfatta (true).

Ad esempio

var c=0
while(c<10) {
document.write(c);
c++;
}

ll risultato in output è la sequenza di numeri da 0 a 9

0123456789

Essendo subordinata al verificarsi di una condizione, posso usare il ciclo while sia per creare cicli determinati e sia cicli indeterminati, ossia con un numero di iterazioni predeterminate o meno.

Nota. Nel caso dei cicli indeterminati è sempre opportuno forzare l'uscita dopo un certo numero di iterazioni per evitare il rischio dei loop infiniti.

Posso usare la struttura while anche come iteratore per leggere gli elementi di un array

var i=0
while(i<nomearray.length) {
document.write(nomearray[i]);
i++;
}

In un ciclo while sono particolarmente utili le istruzioni BREAK e CONTINUE

• BREAK
  L'istruzione BREAK termina l'esecuzione del ciclo passando il controllo alla prima istruzione dello script dopo il ciclo while. Ad esempio, questo script stampa i numeri da 1 a 4. Alla quinta iterazione l'istruzione BREAK termina il ciclo.
  

  var i = 0;
  while (i<7) {
  i++;
  if (i==5) break;
  document.write(i);
  }
  document.write("fine")

  Il risultato in output è il seguente

  1234fine

• CONTINUE
  L'istruzione CONTINUE termina l'esecuzione dell'iterazione corrente e passa il controllo all'iterazione successiva. Ad esempio, questo ciclo salta la quinta iterazione. Quindi, non stampa il numero 5.
  

  var i = 0;
  while (i<7) {
  i++;
  if (i==5) continue;
  document.write(i);
  }
  document.write("fine");

  Il risultato sullo schermo è il seguente:

  123467fine

Il ciclo for

Il ciclo for esegue un numero predeterminato di iterazioni

for(inizio; condizione; incremento) {
// code
}

Nel caso dei cicli for la variabile contatore viene settata a un valore iniziale e incrementata automaticamente al termine di ogni iterazione, fin quando la condizione è vera.

for(var i=0;i<10;i++) {
document.write(i);
}

Con l'istruzione for posso realizzare solo cicli determinati, quelli con un numero predefinito di iterazioni.

Nota. Qualsiasi struttura condizionale for posso ottenerla usando l'istruzione while. Pertanto, nel corso del tempo si tende a usare di più la struttura while.

Posso usare il ciclo for anche come iteratore per leggere gli elementi di un array

var nomearray = new Array;
nomearray[0]=1;
nomearray[1]=2;
nomearray[2]=3;

for (var i=0; i<nomearray.length; i++) {
document.write(nomearray[i]);
}

Il risultato in output è la sequenza di valori degli elementi dell'array

123

Posso anche leggere le proprietà in un oggetto abbinando l'istruzione for con l'operatore in

var persona = { nome: "Andrea", cognome: "Minini", annoNascita: 1968, stato: "Italia" };

for (x in persona) {
document.write(x + " = " + persona[x] + " ");
}

Il risultato è l'elenco delle proprietà e dei rispettivi valori dell'oggetto persona

nome = Andrea cognome = Minini annoNascita = 1968 stato = Italia

E così via