Um loop é fazer uma coisa repetidamente. No processo de escrever código, muitas vezes encontramos algumas operações que precisam ser executadas repetidamente, como percorrer alguns dados, gerar repetidamente uma determinada string, etc. por linha, para esse tipo de operação repetida, devemos optar por usar um loop para completá-la.
O objetivo de um loop é executar repetidamente um determinado trecho de código. O uso de loops pode reduzir a pressão de programação, evitar redundância de código, melhorar a eficiência do desenvolvimento e facilitar a manutenção posterior. O loop while é a instrução de loop mais simples fornecida em JavaScript. Vamos aprender sobre o uso de loops while e loops do-while.
A instrução do loop while é um当型instrução do loop. A condição do loop é julgada primeiro. Quando a condição é satisfeita, o corpo do loop é executado.
Função: Repita uma operação até que a condição especificada não seja atendida.
Características: Primeiro julgue a expressão e execute a instrução correspondente quando o resultado da expressão for verdadeiro.
1. JS while sintaxe do loop
while (expressão) { //Expressão é a condição do loop // Código a ser executado} Análise de instrução:
primeiro calcule o valor de "expressão", quando o valor for verdadeiro, execute "PHP" no loop body Statement block";
Descrição: O resultado do cálculo de "expressão" é do tipo Booleano (TRUE ou FALSE). Caso seja um valor de outros tipos, será automaticamente convertido para um valor do tipo Booleano (porque o PHP é uma linguagem fraca tipo e será convertido de acordo com o valor da variável, convertendo automaticamente a variável para o tipo de dados correto).
Um "bloco de instruções" é uma coleção de uma ou mais instruções cercadas por
{ }; se houver apenas uma instrução no bloco de instruções,{ }também poderá ser omitido.
Após a conclusão da execução, retorne à expressão e calcule o valor da expressão novamente para julgamento. Quando o valor da expressão for verdadeiro, continue a executar o "bloco de instrução"... Este processo será repetido
até que o valor da expressão seja obtido. é falso antes de sair do loop, execute a instrução abaixo while.
O fluxograma da instrução while é o seguinte:
Normalmente, "expressão" é um valor calculado usando operadores de comparação ou operadores lógicos.
O código de exemplo é o seguinte:
<script>.
var eu = 1;
enquanto(eu <= 5) {
documento.write(i+", ");
eu++;
}
</script> 
Nota:
Ao escrever uma instrução de loop, você deve garantir que o resultado da expressão condicional possa ser falso (ou seja, o valor booleano falso), porque enquanto o resultado da expressão for verdadeiro, o loop continuará e não pare automaticamente. Para este tipo de falha Um loop que para automaticamente é geralmente chamado de "loop infinito" ou "loop infinito".
Se você criar acidentalmente um loop infinito, o navegador ou o computador poderá travar.
Se a expressão for sempre verdadeira e a condição do loop for sempre verdadeira, o loop while continuará a ser executado e nunca terminará, tornando-se um "loop infinito"
var i = 1;
enquanto(eu){
console.log(i);
} Após executar o programa, o valor da variável i será exibido até que o usuário force seu fechamento.
Exemplo de loop while JS
[Exemplo 1] Use o loop while para calcular a soma de todos os números inteiros entre 1 e 100:
<script>
var eu = 1;
var soma=0;
enquanto(eu<=100){
soma+=i;
eu++;
}
console.log("O valor de 1 somado a 100 é: "+soma);
</script> Resultados de saída:
[Exemplo 2] Encontre todos os anos bissextos entre 1900 e 2020 e produza-os como 6 por linha:
<script>
var i = 1900;
var count = 0; //Conta o número de anos bissextos while (i <= 2020) {
//Determina se é um ano bissexto if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
document.write(i + " ");
contar++;
if (contagem% 6 == 0) {
document.write("<br/>");
}
}
eu++;
}
</script> 
2. JS estrutura aninhada de loop while
while loop também pode obter o efeito de aninhamento, ou seja, um ou mais loops while são aninhados dentro do loop while.
Formato de sintaxe:
while(condição 1){
//Código executado quando a condição 1 é verdadeira while(condition 2){
//Código executado quando a condição 2 for verdadeira...
}
} Resumo: Aninhamento significa inclusão. O chamado aninhamento de loop while é um while aninhado dentro de um while.
Aqui, definimos o aninhamento de dois loops while. Claro, podemos aninhar quantos loops while quisermos.
Entenda o processo de execução do loop while
Após a conclusão da execução do loop interno, o julgamento da condição do próximo loop externo é executado.
Exemplo 1: Usando loops aninhados, imprima o contador
<script type="text/javascript">
var eu = 0;
enquanto(eu < 2){
console.log("i=",i);
varj = 0;
enquanto(j < 2){
console.log("tj=", j);
j+= 1;
}
eu++;
}
console.log("Acabado");
</script> 
Primeiro, definimos um ninho de loop while mais externo. A variável do contador i começa em 0 e a condição final é i <2. Cada vez que o loop é executado, o valor de i será aumentado em 1 e o valor atual de i. será impresso.
Dentro do loop mais externo, um loop interno também é definido. A variável do contador j começa em 0 e a condição final é i <2. Cada vez que o loop é executado, o valor de j é aumentado em 1 e o valor atual de. j é impresso.
Resumo do aninhamento do loop while
O loop while do JavaScript também pode obter um efeito aninhado, ou seja, um ou mais loops while são aninhados dentro de um loop while.
Exemplo 2:
<roteiro>
/*
1. Imprimir a nora 3 vezes seguidas, errei 2. Lavar a louça 3. O acima é um conjunto de punições, esse conjunto de punições se repete por 3 dias - um conjunto de punições deve ser repetido - coloque-o em um loop while */
varj = 0
enquanto(j < 3){
var eu = 0
enquanto(eu <3){
document.write('Nora, eu estava errado<br>')
eu += 1;
}
document.write('lavando louça<br>')
document.write('Um conjunto de punições acabou!!!!!!!!!!!!<br>')
j+= 1;
}
</script> 
Além do loop while, há também um loop do-while.
A instrução do loop do-while é uma instrução de loop "直到型". Ela primeiro executa o "bloco de instrução" no corpo do loop e, em seguida, julga a condição do loop. Se for verdadeira, continuará a fazer o loop. , , o loop é encerrado.
Portanto: independentemente do resultado da expressão, a instrução do loop do-while executará o "bloco de instruções" pelo menos uma vez.
As características da instrução do loop do-while: execute primeiro o corpo do loop e, em seguida, determine se a condição do loop é verdadeira.
1. Sintaxe do loop JS do-while
do{
bloco de instruções;
}while(expression);//A expressão é analisada como uma instrução condicional de loop:
Primeiro execute o "bloco de instrução" no corpo do loop uma vez e, em seguida, determine o valor da "expressão". Quando o valor da "expressão" for verdadeiro, retorne para executar novamente o bloco de instrução no corpo do loop... Este processo será repetido
até que a expressão Quando o valor da fórmula for falso, saia do loop. Nesse momento, o loop termina e as instruções subsequentes são executadas.
Nota:
Assim como o loop while, o resultado do cálculo da "expressão" no loop do-while deve ser booleano TRUE ou FALSE. Se for um valor de outros tipos, será automaticamente convertido para um valor booleano.
O ponto e vírgula no final da instrução do-while não pode ser omitido (deve estar presente) ; Ele faz parte da sintaxe do loop do while.
O fluxograma da instrução do loop do-while é o seguinte:
Exemplo de loop do-while JS
[Exemplo 1] Use do-while para gerar números de 1 a 5:
<script>
var eu = 1;
fazer {
documento.write(i+", ");
eu++;
}enquanto( eu <= 5);
</script> 
[Exemplo 2] Use um loop while para calcular a soma de todos os números inteiros entre 1 e 100:
<script>
var eu = 1;
var soma=0;
fazer{
soma+=i;
eu++;
}enquanto(i<=100);
console.log("1 + 2 + 3 + ... + 98 + 99 + 100 = "+soma);
</script> 
[Exemplo 3] Encontre todos os anos bissextos entre 1900 e 2020
<script>
var i = 1900;
var count = 0; //Conta o número de anos bissextos do {
//Determina se é um ano bissexto if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
console.log(i);
}
eu++;
}enquanto (i <= 2020);
</script> 
2. A estrutura aninhada do loop do-while JS do
while loop também pode obter o efeito de aninhamento, ou seja, um ou mais loops do while são aninhados dentro do loop do while. Essa forma de escrever é semelhante ao aninhamento de loops while.
Sintaxe:
faça{
// Bloco de instrução 1;
fazer{
// Bloco de instrução 2;
fazer{
// Bloco de instrução 2;
...
}enquanto(condição 3);
}enquanto(condição 2);
}while(Condição 1); Aqui, definimos três ninhos de loops do while É claro que podemos aninhar quantos loops do while quisermos.
Caso: Use aninhamento de loop para imprimir o contador
<script type="text/javascript">
var eu = 0;
fazer{
console.log("i=",i);
varj = 0;
fazer{
console.log("tj=",j);
j+= 1;
}enquanto(j < 2);
eu++;
}enquanto(eu <2);
console.log("Acabado");
</script> 
Primeiro, definimos um ninho de loop do while mais externo. A variável do contador i começa em 0 e a condição final é i <2. Cada vez que o loop é executado, o valor de i será aumentado em 1 e o valor atual de. eu serei impresso.
Dentro do loop mais externo, um loop interno também é definido. A variável do contador j começa em 0 e a condição final é i <2. Cada vez que o loop é executado, o valor de j é aumentado em 1 e o valor atual de. j é impresso.
Resumo do aninhamento do loop do while
O loop do while do JavaScript também pode obter um efeito aninhado, ou seja, um ou mais loops do while são aninhados dentro de um loop do while.
[Aprendizado recomendado: tutorial avançado de JavaScript]
O conteúdo acima é o conteúdo detalhado do aprendizado de loop JS: o uso de instruções de loop while (exemplos detalhados, preste atenção a outros artigos relacionados no site PHP chinês).
