JavaScript para Loop - Tutorial para iniciantes

JavaScript para Loop - Tutorial para iniciantes
Nas linguagens de programação, os loops são usados ​​para executar um bloco de código repetidamente até que uma condição específica seja satisfeita. Todas as principais linguagens de programação, incluindo JavaScript, contêm o conceito de loops.

JavaScript é uma linguagem de script baseada em texto comumente usada para adicionar elementos dinâmicos e interativos a sites estáticos para torná-los visualmente atraentes.

Loops têm sintaxe diferente em cada linguagem de programação, mas o conceito básico (lógica) permanece o mesmo.

A maioria das linguagens de programação tem mais de um tipo de loop. Os famosos são para e enquanto laço. Este guia só aprenderá sobre o loop e onde deve ser usado em vez de outros loops (favoritos em outros loops).

Os loops podem ser trocados entre si na maioria dos casos, mas os loops devem ser usados ​​quando você precisar executar um número determinado de iterações (quando você já sabe o número de vezes que o loop será executado).

Para sintaxe de loop:

Primeiro, devemos discutir a sintaxe para laço Usos no JavaScript:

para (inicialização; condição; ** Declaração do modificador de valor variável **)

Código a ser executado

Em para laço:

  • Primeiro, inicialize/defina uma variável (a inicialização é executada antes da execução do corpo) i.e. deixe i = 0;
  • Em segundo lugar, defina a condição para o loop (esta declaração é executada antes da execução e decide se o loop será executado ou não), eu.e., eu <= 10;
  • Por fim, a terceira e a última declaração é executada após a execução do corpo do loop. Ele modifica o valor da variável para a próxima iteração, eu.e i ++ ou eu-

Observação: Usaremos o console do navegador para demonstrar exemplos realizados neste post. Para abrir o console do navegador:

  • Use o F12 Chave no Chrome e outros navegadores à base de cromo.
  • Usar Ctrl + Shift + K teclas de atalho do teclado para mozilla.
  • Usar Opção + ⌘ + c Teclas de atalho do teclado no Safari (se o menu do desenvolvedor não aparecer, abra as preferências pressionando ⌘ +, e em Avançado Verificação da guia “Mostrar desenvolver menu na barra de menus”).

Como usar para laço?

Tomaremos um programador como exemplo que precisa emitir uma sequência de números de um a vinte usando JavaScript. Eles terão que escrever vinte linhas de código para produzir esta sequência. Essa maneira de escrever o código é muito ineficiente.

Podemos escrever com eficiência tais tarefas repetitivas usando loops. Como mencionado acima, o número de linhas no programa pode ser reduzido de vinte para quatro usando um para uma volta.

para (let number = 1; número <= 20; number++)

console.log (número);

Agora vamos discutir como um para Loop realmente funciona. A primeira declaração, eu.e., inicialização, executa antes das declarações presentes dentro do corpo do loop e define uma variável. A segunda declaração também é executada antes da execução do bloco de código. Ele definiu a condição para o loop. Esta declaração decide se o loop será executado para a próxima iteração ou parar na iteração atual. A terceira e a última declaração é executada após a execução das declarações dentro do loop. Está incrementando o valor presente dentro da variável.

Também podemos diminuir o valor de uma variável em um loop. Agora, produziremos a sequência de vinte para uma em ordem decrescente:

para (let number = 20; número> 0; número--)

console.log (número);

O que é para/in o laço?

O para/in Loops são usados ​​para fazer loop através das propriedades presentes dentro de um objeto. É útil quando você precisa executar um loop através de um objeto, mas não sabe o número de propriedades presentes no objeto.

Sintaxe:

para (objeto Varin)

Declarações
  • Aqui var é usado para armazenar um nome de propriedade diferente em cada iteração.
  • O loop percorre as propriedades do objeto especificado.
var funcionário = fname: "John", lname: "doe", idade: 20, id: 001, departamento: "saúde e segurança";
para (deixe o prop no funcionário)

console.log (prop);

O que é para/do loop?

O para de Loops são usados ​​para percorrer os valores de uma matriz.

var nomes = ['John Smith', 'John Doe', 'Jane Doe'];
para (deixe o valor dos nomes)

console.log (valor);

para de Loops também podem ser usados ​​para percorrer os valores de uma string.

Conclusão

Loops são usados ​​para escrever código conciso e eficiente. Eles eliminam a repetitividade do código. Eles são uma parte fundamental de qualquer grande linguagem de programação.

Como mencionado acima, para loops, faça três argumentos. O primeiro argumento/parâmetro é o inicializador que define a variável. O segundo argumento é a condição; O loop continuará correndo até que essa condição se torne falsa. O terceiro e o último argumento são usados ​​para modificar a variável que foi definida no primeiro argumento. Todos esses três argumentos são opcionais. Esses três argumentos devem sempre ser especificados, apesar de serem opcionais. Deixar de dar argumentos a um loop pode criar um loop infinito que pode causar um programa de colisão. O para Os loops geralmente são usados ​​quando o codificador sabe o número de vezes que o loop é executado.

Neste como orientar, aprendemos a usar para loops usando sintaxe JavaScript. Também aprendemos sobre /in e /de loops.