1: loop for
O loop for pré-definirá as variáveis que controlam o número de loops na instrução for, de modo que a instrução do loop for pode realizar operações de loop de acordo com o número conhecido de loops, o que é adequado para situações em que o número de vezes em que o script precisa ser executado é claramente conhecido.
O formato da sintaxe do loop for é o seguinte:
for (instrução de inicialização; condição do loop; atualização da variável - incremento ou decremento) {
bloco de instruções;
} A instrução do loop for pode ser desmontada em 4 partes: as três expressões em () e o "bloco de instruções" em {} .
Análise de declaração:
Instrução de inicialização (expressão 1): É utilizada principalmente para inicializar um valor de variável, que serve para definir um contador, ou seja, o valor no início do loop esta instrução só é executada durante o primeiro loop e não será; executado novamente no futuro.
Condição de loop (expressão 2): A condição de restrição de execução do loop, usada para controlar se o código no corpo do loop deve ser executado se a condição for TRUE, o loop continua, se a condição for FALSE, o loop termina e o loop sai; imediatamente.
Atualização de variável (Expressão 3): Uma expressão com uma operação de incremento ou decremento Cada vez que o loop é executado, o valor do contador é imediatamente modificado para que a condição do loop gradualmente se torne "não verdadeira".
Bloco de instruções: vários códigos que precisam ser executados quando a condição é considerada verdadeira.
A descrição acima é um pouco confusa? Vamos dar uma olhada no fluxograma de execução da instrução do loop for para entender o processo de execução do loop for de forma mais intuitiva:
Agora que entendemos o processo de execução do loop for, vamos fazer a operação real e fazer uma pequena pergunta para ver se a dominamos!
Exemplo: Calcule a soma de 1 a 100
<script type="text/javascript">
var soma=0;
for(var i=1; i<=100; i++){
soma+=i;
}
console.log('1 + 2 + 3 +...+ 99 + 100 = '+soma);
</script> 
As três expressões no
loop for JS podem ser omitidas, mas o ponto e vírgula usado para separar as três expressões não pode ser omitido, conforme mostrado no exemplo a seguir:
// Omitir a primeira expressão Formula var i = 0;
para (; eu < 5; eu++) {
//Código a ser executado}
// Omite a segunda expressão para (var y = 0; ; y++) {
se(y>5){
quebrar;
}
//Código a ser executado}
// Omite a primeira e a terceira expressões var j = 0;
para (; j < 5;) {
// Código a ser executado j++;
}
// Omite todas as expressões var z = 0;
para (;;) {
se(z>5){
quebrar;
}
// Código a ser executado z++;
} Dois: aninhamento de loop for
Não importa o tipo de loop, ele pode ser aninhado (ou seja, um ou mais loops são definidos em um loop).
Formato de sintaxe:
for (instrução de inicialização 1; condição de loop; atualização de variável - autoincremento ou autodecremento) {
//bloco de instrução 1;
for (instrução de inicialização 2; condição de loop; atualização de variável - autoincremento ou autodecremento) {
//bloco de instruções 2;
for (instrução de inicialização 3; condição de loop; atualização de variável - incremento ou decremento) {
//bloco de instruções 3;
.....
}
}
} Aqui, definimos três ninhos de loops for Claro, podemos aninhar quantos loops for quisermos.
Caso: o loop for implementa a tabuada.
Primeiro, vamos dar uma olhada na tabuada.
Podemos desenhar o padrão do gráfico:
há 9 linhas e 9 colunas no total, e há diversas expressões em cada linha.
Na i-ésima linha, a expressão começa em i*1 e termina em i*i. Há um total de i expressões (podemos conseguir esse efeito através de um loop).
Portanto, um loop duplo é necessário para controlar a saída. O loop externo controla o número de linhas i (i é o mínimo 1 e o máximo é 9), e o loop interno controla a coluna j (j é o mínimo 1 e o máximo é igual). para eu).
Código de implementação:
for(var i = 1; i <= 9; i++){ //O loop externo controla as linhas for(var j = 1; j <= i; j++) //O loop interno controla as colunas {
document.write(j+"*"+i+"="+j*i+" ");
}
documento.write("</br>");
} Resultado de saída:
Também podemos colocar a tabuada de multiplicação 99 em uma tabela e produzi-la conforme mostrado na imagem inicial:
document.write("<table>");
for (var i = 1; i <= 9; i++) { //Linha de controle do loop externo document.write("<tr>");
for (var j = 1; j <= i; j++) //Coluna de controle do loop interno {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
}
//Quebra de linha, controla quantas expressões são exibidas em cada linha document.write("</tr>");
}
document.write("</table>"); Em seguida, adicione o estilo CSS para modificá-lo:
mesa {
largura: 600px;
colapso da borda: separado;
}
tabela td {
borda: #000 1px sólido;
alinhamento de texto: centro;
} Veja a saída:
[Aprendizagem recomendada: tutorial avançado de JavaScript]
O texto acima é o conteúdo detalhado do aprendizado de loop JS: o uso de instruções de loop for (para obter mais informações, preste atenção a outros artigos relacionados no site PHP chinês).
