Loops emJavaScript é usado para tomar decisões através da validação de um determinado valor em relação a uma determinada condição de teste e executar um determinado segmento de código por um número específico de vezes até que a determinada condição seja satisfeita. Ajuda a tornar seu código compacto. o os loops são explicados neste artigo na seguinte sequência:
Loops de JavaScript
Os loops de JavaScript fornecem um método rápido e fácil de fazer algo repetidamente. Eles são usados para repetir uma ação várias vezes sem ter que repetir a mesma linha de código. Existem basicamente dois tipos de loops:
Loops de entrada controlada - Em entrada controlada, a condição de teste é testada antes de entrar no corpo do loop. For Loop e While Loop são loops controlados por entrada.
como parar um programa em java
Sair de Loops Controlados - No controle de saída, a condição de teste é avaliada no final do corpo do loop. Portanto, o corpo do loop será executado pelo menos uma vez,independentemente de a condição de teste ser verdadeira ou falsa. loop do-while é um loop de saída controlada.
Agora vamos prosseguir e discutir os diferentes métodos de execução de loops JavaScript.
For Loop
Este método fornece uma maneira concisa de escrever a estrutura do loop. Um loop for se repete até que uma condição especificada seja avaliada como falsa.
Sintaxe-
para (incremento / decremento da condição de teste da condição de inicialização) {declaração}
Exemplo-
// Programa JavaScript para ilustrar o loop var x // o loop for começa quando x = 1 // e é executado até x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}
Resultado-
Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4
While Loop
Um loop while é uma instrução de fluxo de controle que permite que o código seja executado repetidamente com base em uma condição booleana específica. Este loop é semelhante ao de uma instrução if de repetição.
Sintaxe-
while (condição booleana) {instruções de loop}
Exemplo-
// Programa JavaScript para ilustrar o loop while var x = 1 // Sai quando x for maior que 5 while (x<= 5) { document.write('Value of x:' + x + '
') // incrementa o valor de x para // próxima iteração x ++}
Resultado-
Valor de x: 1 Valor de x: 2 Valor de x: 3 Valor de x: 4 Valor de x: 5
Loop Do-while
Este loop é semelhante ao loop while, mas a única diferença é que ele verifica a condição após executar as instruções. Portanto, é um exemplo de Loop Controlado de Saída.
Sintaxe-
fazer {declarações} enquanto (condição)
Exemplo-
// Programa JavaScript para ilustrar o loop do-while var x = 20 do {// se a condição for falsa document.write ('Valor de x:' + x + '
') x ++} enquanto (x<10)
Resultado-
Valor de x: 20
Loop For-in
Este loop itera uma variável especificada sobre todas as propriedades enumeráveis de um objeto. Para cada propriedade distinta, o JavaScript executará as instruções especificadas.
Sintaxe-
para (nome da variável no objeto) {instruções}
Exemplo-
// Programa JavaScript para ilustrar for..in loop // criando um objeto var feature = {first: 'Name', second: 'Age', third: 'Height', quarto: 'Eye-color', quinto: 'Nationality '} // itera através de cada propriedade das // características do objeto e imprime todas elas // usando for..in loops para (itr em características) {document.write (características [itr] +'
')}
Resultado-
Nome Idade Altura Cor dos olhos Nacionalidade
Declaração de quebra
A instrução break é usada para pular de um loop. Isso o ajudará a interromper o loop e a continuar executando o código após o loop.
Sintaxe-
quebrar labelname
Exemplo-
var text = '' var i for (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}
Resultado-
O número é 0 O número é 1 O número é 2 O número é 3 O número é 4
Continue Statement
A instrução continue interrompe uma iteração no loop se uma condição especificada ocorrer e continua com a próxima iteração no loop. A diferença entre continue e a instrução break é que a instrução continue “pula” uma iteração no loop em vez de “pular”.
Sintaxe-
continue labelname
Exemplo-
var text = '' var i for (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}
Resultado-
O número é 0 O número é 1 O número é 3 O número é 4
Esses eram os diferentes métodos de execução de loops de JavaScript. Com isso chegamos ao final do nosso artigo.
Agora que você sabe sobre os loops de JavaScript, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).
Tem alguma questão para nós? Mencione isso na seção de comentários de “Loops de JavaScript” e entraremos em contato com você.