Javascript For Loop – Laços e iterações (for, while, do / while)

Laços oferecem um jeito fácil e rápido de executar uma ação repetidas vezes na programação, neste post iremos abordar a utilização do “For”, “While” e “do / While” no Javascript.

Sintaxe:

for ([expressaoInicial]; [condicao]; [incremento])

declaracao

A utilização do For irá permitir a otimização e redução do código de suas aplicações, veja o exemplo abaixo:

Sem a utilização do For:

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "<br>";

Com a utilização do For:

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>";
}

Exemplos

Exemplo utilizando o For/in

var person = {fname:"John", lname:"Doe", age:25}; 

var text = "";
var x;
for (x in person) {
    text += person[x];
}

Exemplo básico For:

for(var i = 1; i < 10; i++){
   console.log(i);
}

/* output.. 1, 2, 3, 4, 5... */

Exemplo com Do / While:

do {

  i += 1;
  console.log(i);

} while (i < 5);

Apenas utilizando o While:

x = 0;
y = 0;
while (x < 10) {
  console.log(x);
  x++;
  y += x;
}