Introdução às Loops de JavaScript
- 4754
- 1223
- Mr. Mitchell Hansen
Atualmente, o JavaScript pode ser facilmente definido como a linguagem de programação mais usada do mundo: é usado em uma variedade de plataformas, é integrado em navegadores da web e graças ao Nó.JS Tempo de execução também pode ser usado no lado do servidor. Neste tutorial, veremos os loops que podemos ser usados no javascript moderno.
Neste tutorial, você aprenderá:
- Qual é a sintaxe e como o loop while funciona em javascript
- A sintaxe do loop do DO/While e como ele funciona em JavaScript
- A sintaxe do loop for e como ele funciona em javascript
- A sintaxe do loop for/of e como ele funciona em javascript
- A sintaxe do loop for/in e como ele funciona em javascript
Introdução às Loops de JavaScript Requisitos de software e convenções usadas
| Categoria | Requisitos, convenções ou versão de software usada |
|---|---|
| Sistema | Independente da distribuição |
| Programas | Nó.JS para usar JavaScript fora dos navegadores da web |
| Outro | Conhecimento básico de JavaScript e programação orientada a objetos |
| Convenções | # - requer que os comandos Linux sejam executados com privilégios root diretamente como usuário root ou por uso de sudo comando$ - Requer que os comandos do Linux sejam executados como um usuário não privilegiado regular |
O loop while
O enquanto Loop in JavaScript funciona exatamente como você pode esperar e você está acostumado em outras linguagens de programação. Sua sintaxe é a seguinte:
declaração (condição) O corpo do loop é executado enquanto o doença, verificado em cada iteração, avalia para verdadeiro. Aqui está um exemplo do enquanto Loop em ação:
deixe o contador = 0; enquanto (contador < 5) console.log(counter); counter++; Durante a execução do loop, obtemos a seguinte saída:
0 1 2 3 4
No final, o valor do contador variável será 5:
> contador 5
O loop do Do/While
O fazer enquanto A sintaxe do loop é a seguinte:
Faça uma declaração enquanto (condição) Funciona da mesma forma enquanto Loop que acabamos de ver, com apenas uma diferença. Vamos demonstrá -lo com um exemplo:
deixe o contador = 5; faça console.log (contador) contador ++; while (contador < 5); Vamos verificar o valor do contador variável após a execução do loop:
> contador 6
Inicialmente, atribuímos um valor de 5 para o contador variável. Mesmo que a condição de teste do loop seja avaliada para falso (contador < 5), o valor do contador A variável é incrementada de 1, então no final é 6. Isso porque, em um fazer enquanto Loop, o corpo do loop é sempre executado pelo menos uma vez e que repetiu o tempo que o doença avalia para verdadeiro.
O loop for
O para O loop é o loop clássico de estilo C:
para ([Inicialização]; [condição]; [expressão final]) Declaração O inicialização consiste, normalmente, em uma declaração variável, avaliada uma vez antes de o loop ser executado. O doença é testado antes de cada iteração do loop; Se avaliar para verdadeiro o declaração É executado. O expressão final A expressão, em vez disso, é avaliada no final de cada iteração do loop. Os três blocos são opcional, e cada um deles pode ser omitido; No entanto, um uso típico do para Loop é o seguinte:
para (vamos i = 0; i < 5; i++) console.log(i) Usamos o deixar palavra -chave para inicializar o eu variável com um valor de 0, Então nós definimos o doença, para que a declaração de loop seja executada enquanto o valor do eu A variável é menor que 5. Finalmente, definimos o expressão final para que o valor do eu A variável é incrementada de um após cada iteração do loop. Se executarmos o código acima, obtemos o seguinte resultado:
0 1 2 3 4
O para/de loop
O para de O loop foi introduzido em JavaScript com ES6. Este tipo de loop pode ser usado em iterável objetos, como matrizes (ou objetos semelhantes a matrizes, como Nodelist), cordas, Mapa, Definir. etc. Sua sintaxe é a seguinte:
para (variável de iterável) declaração Supondo que temos a seguinte matriz:
const my_array = ['Bruce', 'John', 'Marta']; Podemos iterar sobre ele usando o para de loop com muita facilidade:
para (deixe -me de my_array) console.log (i); O código acima nos dará os seguintes resultados:
Bruce John Marta
Como afirmado acima, o para de O loop também pode ser usado em strings:
const site = "LinuxConfig.org "; para (const c do site) console.log (c); O loop iterará sobre cada personagem da string, dando uso do seguinte resultado:
l i n u x c o n f i g . o r g
O para de Loop funciona também em Mapa e Definir objetos. Um objeto de mapa pode ser descrito como uma espécie de matriz em que valores arbitrários podem ser usados como chaves em vez de apenas inteiros. Para definir um objeto de mapa, podemos usar o construtor da classe de mapa e, opcionalmente, passar uma matriz contendo matrizes de dois elementos:
const my_map = novo mapa ([['nome', 'frodo'], ['raça', 'hobbit']]); Para itera sobre o objeto de mapa, acabamos de criar usando o para de Loop, escrevíamos:
para (const name_value_pair de my_map) console.log (name_value_pair); Nós obteríamos:
['Nome', 'Frodo'] ['raça', 'Hobbit'] A Definir Objeto também pode ser visto como uma espécie de variante de uma matriz. A diferença entre o objeto definido como definido e uma matriz é que o primeiro não é indexado e não ordenado, e não pode conter valores duplicados. Para definir um objeto definido, usamos o Definir Construtor de classe:
const my_set = new Set (['Frodo', 1]); Para iterar sobre o set, escrevemos:
para (const elemento de my_set) console.log (elemento); Como você poderia esperar, obteríamos o seguinte resultado:
Frodo 1
O para de Loop não pode ser usado em objetos não-digitais, como objetos "regulares". O que podemos fazer é iterar sobre a matriz das chaves do objeto ou a matriz dos valores correspondentes. Para obter uma matriz com todas as chaves de um objeto, podemos usar o Objeto.chaves método, passando nosso objeto como argumento. Suponha que tenhamos o seguinte objeto:
Deixe o caractere = Nome: 'Frodo', Race: 'Hobbit' Se tentarmos usar o para de Loop nele, obtemos um erro:
para (const j de personagem) console.log (j); Unchated TypeError: o personagem não é iterável Poderíamos escrever o seguinte código para iterar sobre suas chaves usando o para de laço:
para (const chave do objeto.chaves (caracteres)) console.log ('$ key é: $ caractere [key]'); Obteríamos o seguinte resultado:
O nome é: Frodo Race é: Hobbit
Iterando diretamente sobre os valores do objeto, é igualmente fácil: podemos usar o Objeto.valores Método para obter uma matriz que contém todos os valores associados às teclas do objeto:
para (const I de objeto.valores (caracteres)) console.log (i); Como você pode esperar, a saída é:
Frodo Hobbit
O para/in loop
O para/in loop em javascript iterado sobre todos os enumerável propriedades de um objeto usando uma ordem arbitrária. Funciona nas propriedades representadas por strings, então vai pular Símbolos. A sintaxe do loop é a seguinte:
para (variável no objeto) instrução Quando usado em matrizes, ele irá itens sobre índices, por exemplo, iterando sobre o my_array Array que definimos antes:
para (const Key em my_array) console.log (chave); produzirá os seguintes resultados:
0 1 2
Aqui está como, usando o para/in Loop, podemos reescrever o código que usamos antes para iterar sobre o não-adorável personagem Propriedades do objeto:
para (const chave de caráter) console.log ('$ key é: $ caractere [key]'); Conclusões
Neste artigo, vimos quais são os 5 tipos de loops que podemos usar no javascript moderno, começando a partir do enquanto e a fazer enquanto loops, e prosseguir para examinar o para, para de e para/in Loops e sua sintaxe. Se você estiver interessado em JavaScript como tópico, pode dar uma olhada em nossos artigos sobre funções de seta ou funções de ordem superior.
Tutoriais do Linux relacionados:
- Mastering Bash Script Loops
- Loops aninhados em scripts de basquete
- Uma introdução à automação, ferramentas e técnicas do Linux
- Coisas para instalar no Ubuntu 20.04
- Com que frequência você tem que reiniciar seu servidor Linux?
- Mint 20: Melhor que o Ubuntu e o Microsoft Windows?
- Arquivos de configuração do Linux: os 30 primeiros mais importantes
- Bash Loops com exemplos
- Coisas para fazer depois de instalar o Ubuntu 20.04 fossa focal linux
- Como instalar Kubernetes no Ubuntu 20.04 fossa focal linux