<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
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