tutoriais mais recente desenvolvimento web
 

JavaScript para declaração

<JavaScript Demonstrações Referência

Exemplo

Loop através de um bloco de código cinco vezes:

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

O resultado do texto será:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

O para instrução cria um loop que é executado enquanto a condição é verdadeira.

O loop continuará a executar, desde que a condição é verdadeira. Ele só vai parar quando a condição se torna falsa.

JavaScript suporta diferentes tipos de circuitos:

  • for - ciclos através de um bloco de código de um número de vezes
  • for/in - percorre as propriedades de um objecto
  • while - ciclos através de um bloco de código enquanto uma condição especificada é verdadeiro
  • fazer / enquanto - ciclos através de um bloco de código de uma só vez, e então repete o circuito enquanto uma condição especificada é verdadeiro

Dica: Utilize a quebra de declaração para sair de um loop, ea continuar declaração para pular um valor no loop.


Suporte navegador

Declaração
for sim sim sim sim sim

Sintaxe

Os valores dos parâmetros
Parâmetro Descrição
statement1 Opcional. Executada antes do loop (the code block) começa. Normalmente, esta declaração é usado para inicializar uma variável de contador. Para iniciar a vários valores, separar cada valor com uma vírgula.

Nota: Este parâmetro pode ser omitido. No entanto, não omitir o ponto e vírgula ";"
statement2 Opcional. Define a condição para executar o ciclo (the code block) . Normalmente, esta declaração é usado para avaliar a condição da variável do contador. Se ele retorna true, o loop vai começar tudo de novo, se ele retorna false, o ciclo vai terminar.

Nota: Este parâmetro pode ser omitido. No entanto, não omitir o ponto e vírgula ";" . Além disso, se você omitir esse parâmetro, você deve fornecer uma ruptura dentro do loop. Caso contrário, o loop nunca vai acabar, que irá travar o seu navegador
statement3 Opcional. Executado cada vez depois do ciclo (o bloco de código) foi executado. Normalmente, esta declaração é usada para aumentar ou diminuir a variável do contador.

Nota: Este parâmetro pode ser omitido (eg to increase/decrease values inside the loop)

Detalhes técnicos

JavaScript Versão: 1.0

Exemplos

mais Exemplos

Exemplo

Percorrer os índices de uma matriz para recolher os nomes de carro a partir da matriz carros:

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

Exemplo acima explicado:

  • Em primeiro lugar, definida uma variável antes do laço começar (var i = 0;)
  • Em seguida, definimos a condição para o loop para executar. Contanto que a variável é menor do que o comprimento da matriz (which is 4) , o circuito continuará
  • Cada vez que o laço é executado, a variável é incrementado de um (i++)
  • Uma vez que a variável não é mais inferior a 4 (array's length) , a condição é falso, e o ciclo vai terminar

Exemplo

Iniciado vários valores no primeiro parâmetro:

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

Exemplo

Omita o primeiro parâmetro (set values before the loop starts) :

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

Exemplo

Usando a instrução continue - o laço através de um bloco de código, mas ignorar o valor de "3" :

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

Exemplo

Usando a instrução break - loop através de um bloco de código, mas sair do loop quando a variável i é igual a "3" :

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

Exemplo

Omitir o segundo parâmetro. Neste exemplo, usamos também a quebra de declaração para sair do loop quando i é igual a "3" (se o segundo parâmetro for omitido, você deve fornecer uma ruptura dentro do loop. Caso contrário, o loop nunca vai acabar, e seu navegador batida):

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

Exemplo

Laço através dos índices de uma matriz, por ordem decrescente (incremento negativo):

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

Exemplo

Omitir o último parâmetro, e incrementar os valores dentro do loop:

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

Exemplo

Percorrer os nós de um objeto NodeList e mudar a cor de todos fundo <p> elementos da lista:

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

Exemplo

Um exemplo de um loop aninhado (a loop inside a loop) :

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 + " ";
    }
}
Tente você mesmo "

Páginas relacionadas

JavaScript Tutorial: JavaScript For Loop

JavaScript Referência: JavaScript for ... in Statement

Referência JavaScript: Declaração de quebra de JavaScript

JavaScript Referência: JavaScript continuar Declaração

JavaScript Referência: JavaScript while


<JavaScript Demonstrações Referência