Loop For do JavaScript

o loop pode executar o bloco de código várias vezes.

loop do JavaScript

se precisar executar o código várias vezes com valores diferentes, o loop (loop) é muito conveniente para usar.

normalmente encontramos exemplos de uso de arrays:

não deve ser escrito assim:

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

Você pode escrever assim:

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

Experimente você mesmo

Tipos diferentes de loops

O JavaScript suporta diferentes tipos de loops:

  • for - Repete a execução de um bloco de código várias vezes
  • for/in - Navega pelas propriedades do objeto
  • while - Executa um bloco de código enquanto a condição especificada for true
  • do/while - Executa um bloco de código enquanto a condição especificada for true

Loop For

O loop for é uma ferramenta frequentemente usada quando você deseja criar um loop.

A sintaxe do loop for é a seguinte:

for (Instrução 1; Instrução 2; Instrução 3) {
     O bloco de código a ser executado
}

A instrução 1 é executada antes do início do loop (bloco de código).

A instrução 2 define a condição de execução do loop (bloco de código).

A instrução 3 será executada após cada execução do bloco de código do loop.

Exemplo

for (i = 0; i < 5; i++) {
     text += "O número é " + i + "<br>";
}

Experimente você mesmo

Do código acima, você pode entender que:

A instrução 1 define uma variável antes do início do loop (var i = 0).

A instrução 2 define a condição de execução do loop (i deve ser menor que 5).

A instrução 3 incrementa o valor após a execução do bloco de código每次 (i++).

Instrução 1

Normalmente, você usaria a instrução 1 para inicializar as variáveis usadas no loop (i = 0).

Mas nem sempre é assim, o JavaScript não se importa. A instrução 1 é opcional.

Você pode inicializar vários valores na instrução 1 (separados por vírgula):

Exemplo

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

Experimente você mesmo

E você também pode omitir a instrução 1 (por exemplo, configurar o valor antes do início do loop):

Exemplo

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

Experimente você mesmo

Instrução 2

Normalmente, a instrução 2 é usada para calcular a condição da variável inicial.

Mas nem sempre é assim, o JavaScript não se importa. A instrução 2 também é opcional.

Se a instrução 2 retornar true, o loop começará novamente, se retornar false, o loop será encerrado.

Se a instrução 2 for omitida, deve-se fornecer uma no loop. break. Caso contrário, o loop nunca terminará. Leia mais sobre break no próximo capítulo.

Instrução 3

Normalmente, a instrução 3 incrementa o valor da variável inicial.

Mas nem sempre é assim, o JavaScript não se importa. A instrução 3 também é opcional.

A instrução 3 pode fazer qualquer coisa, como decremento negativo (i--), aumento positivo (i = i + 15), ou qualquer outra coisa.

A expressão 3 também pode ser omitida (por exemplo, quando você incrementa o valor dentro do loop):

Exemplo

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

Experimente você mesmo

Loop For/In

JavaScript for/in A expressão for/in percorre as propriedades do objeto:

Exemplo

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

Experimente você mesmo

Loop While

Vamos aprender os loops while e do/while no próximo capítulo.

Livros Didáticos

Para mais informações sobre Expressão for JavaScriptPara mais informações sobre o conhecimento, leia o conteúdo relevante no tutorial avançado JavaScript:

Expressões Iterativas ECMAScript
Expressões Iterativas, também chamadas de loops, são introduzidas neste capítulo. Aqui estão as quatro expressões iterativas fornecidas pelo ECMAScript.