Loops pode executar um bloco de código um número de vezes.
Loops de JavaScript
Loops são úteis, se você deseja executar o mesmo código de uma e outra vez, cada vez com um valor diferente.
Muitas vezes este é o caso quando se trabalha com agregados de:
Em vez de escrever:
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:
for (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
} Tente você mesmo " Diferentes tipos de Loops
JavaScript suporta diferentes tipos de circuitos:
- for - percorre um bloco de código um número de vezes
- for/in - percorre as propriedades de um objeto
- while - percorre um bloco de código enquanto uma condição especificada for verdadeira
- do/while - também percorre um bloco de código enquanto uma condição especificada for verdadeira
O For loop
O for ciclo é muitas vezes a ferramenta que você vai usar quando você quer criar um loop.
O for circuito tem a seguinte sintaxe:
for (statement
1; statement 2; statement 3) {
code block to be executed
}
Declaração 1 é executado antes do loop (o bloco de código) começa.
Declaração 2 define a condição para executar o loop (o bloco de código).
Declaração 3 é executado a cada vez após o loop (o bloco de código) foi executado.
A partir do exemplo acima, você pode ler-se:
Declaração de 1 define uma variável antes do laço começar (var i = 0) .
Declaração 2 define a condição para o loop para executar (i deve ser inferior a 5).
Declaração 3 aumenta um valor (i++) cada vez que o bloco de código no loop foi executado.
instrução 1
Normalmente você usará declaração 1 para iniciar a variável utilizada no loop (i = 0) .
Isso nem sempre é o caso, JavaScript não se importa. Declaração 1 é opcional.
Você pode iniciar muitos valores na declaração 1 (separados por vírgula):
Exemplo
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} Tente você mesmo " E você pode omitir declaração 1 (como quando seus valores são definidos antes do loop inicia):
Exemplo
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} Tente você mesmo " declaração 2
Muitas vezes, comunicado 2 é utilizada para avaliar o estado da variável inicial.
Isso nem sempre é o caso, JavaScript não se importa. Declaração 2 também é opcional.
Se declaração 2 retorna true, o loop vai começar tudo de novo, se ele retorna false, o ciclo vai terminar.
Se você omitir declaração 2, você deve fornecer uma break dentro do loop. Caso contrário, o loop nunca vai acabar. Isto irá travar o seu browser. Leia sobre quebras em um capítulo posterior deste tutorial.
declaração 3
Muitas vezes, comunicado 3 aumenta a variável inicial.
Isso nem sempre é o caso, JavaScript não se importa, e comunicado 3 é opcional.
Declaração 3 pode fazer qualquer coisa como incremento negativo (i--) , incremento positivo (i = i + 15) , ou qualquer outra coisa.
Declaração 3 também pode ser omitida (como quando você incrementa seus valores dentro do loop):
Exemplo
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} Tente você mesmo " O For/In loop
A JavaScript for/in declaração percorre as propriedades de um objeto:
Exemplo
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} Tente você mesmo " A While loop
A while loop e do do/while de loop será explicado no próximo capítulo.
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 » Exercício 4» Exercício 5 » Exercício 6»