Aula 5: Laços de repetição e Condicionais em JavaScript

Hello World!

Começando mais uma aula! Desta vez, vamos aprender juntos sobre laços de repetição e condicionais, dois assuntos de extrema importância na programação. Hoje vamos ver como utilizá-los em JavaScript. Então, bora codar! 🚀

Laços de Repetição

Os laços de repetição são estruturas usadas para executar um bloco de código várias vezes de forma automática. Eles são extremamente úteis quando você quer repetir uma tarefa sem precisar escrever o mesmo comando várias vezes, como contar números ou percorrer uma lista. Agora vamos aprender quais são eles e como utilizá-los!

For

O for é muito usado pelos programadores pela facilidade em iterar sobre objetos ou arrays (mais adiante, aprenderemos mais sobre isso). Ele é utilizado para executar um bloco de código várias vezes, geralmente quando sabemos quantas vezes essa repetição precisa ocorrer.

O for funciona com três partes principais:

1. Um ponto de partida (inicializador).
2. Uma condição que define quando parar.
3. Uma forma de mudar o valor a cada repetição (incremento ou decremento).

É como dizer:

“Comece em 1, vá até 10, aumentando de 1 em 1, e faça isso para cada número.”

O for é muito útil para percorrer listas, contar números ou repetir ações de forma controlada.

Estrutura:

Componentes:

• Inicializador: Usado para iniciar um contador. Pode ser declarado dentro do próprio for usando let ou fora dele.
• Condição: Uma expressão que será avaliada a cada interação do laço. Enquanto o resultado for true, o código dentro do bloco será executado.
• Incremento/Decremento: Define como a variável será alterada a cada repetição.

Exemplo:

Explicação linha por linha:

1. Inicializador: let i = 0 cria a variável i e define seu valor inicial como 0.
2. Condição: i < 5 verifica se o valor de i é menor que 5. Enquanto for verdadeiro, o bloco será executado.
3. Bloco de código: console.log(i) imprime o valor atual de i.
4. Incremento: i++ aumenta o valor de i em 1 após cada execução.

O laço termina quando a condição i < 5 se torna falsa.

While

O while é um laço de repetição usado quando não sabemos exatamente quantas vezes será necessário repetir algo, mas sabemos qual é a condição para continuar. Ele funciona assim: enquanto a condição for verdadeira, o bloco de código será executado.

É como dizer:

“Enquanto o número for menor que 10, continue somando 1.”

O while é útil em situações onde a repetição depende de algo que pode mudar durante o processo, como esperar que o usuário digite algo correto ou processar dados até que uma condição seja atingida.

Estrutura:

Exemplo:

Explicação linha por linha:

1. Inicialização: As variáveis a e b são declaradas com valores iniciais de 10 e 15, respectivamente.
2. Condição: O while verifica se a < b. Enquanto essa condição for verdadeira, o código dentro do bloco será executado.
3. Bloco de código: console.log("Incremento da variável a: " + a) imprime a mensagem e o valor atual de a.
4. Incremento: a++ aumenta o valor de a em 1 a cada repetição.

O laço para quando a atinge 15, pois a condição a < b se torna falsa.

Do…While

O do...while é semelhante ao while, mas com uma diferença importante: ele sempre executa o bloco de código pelo menos uma vez, mesmo que a condição inicial seja falsa.

Como funciona?

• Primeiro o bloco de código é executado.
• Depois, a condição é avaliada.
• Se for verdadeira, o laço se repete.

Isso é útil em situações onde queremos garantir que algo aconteça pelo menos uma vez, como exibir um menu antes de verificar a escolha do usuário.

Estrutura:

Exemplo:

Explicação linha por linha:

1. Inicialização: A variável i é declarada com valor inicial de 1.
2. Primeira execução: O bloco de código dentro do do é executado. Aqui, imprime: "Entrou no bloco: 1".
3. Incremento: A variável i é aumentada em 1 (i++).
4. Condição: A condição i <= 5 é avaliada. Enquanto for verdadeira, o laço se repete.

O laço termina quando i atinge o valor 6, tornando a condição i <= 5 falsa.

Agora que aprendemos sobre os principais laços de repetição (for, while e do...while), você já pode aplicar esses conceitos nos seus projetos. Teste diferentes cenários para ver qual laço funciona melhor em cada situação.

Condicionais

Condicionais são estruturas fundamentais da programação que permitem ao programa tomar decisões e seguir caminhos diferentes com base em condições específicas. Elas funcionam como perguntas do tipo:

“Isso é verdadeiro ou falso?”

Dependendo da resposta, um bloco de código será executado. Essa lógica é essencial para criar programas dinâmicos e inteligentes, capazes de reagir a diferentes situações ou entradas do usuário.

A seguir, exploraremos as principais estruturas condicionais em JavaScript.

---

If

O if (SE) é uma estrutura condicional usada para executar um bloco de código apenas quando uma condição específica for verdadeira.

Como funciona:

• O programa avalia a condição dentro do if.
• Se for verdadeira, executa o bloco de código.
• Se for falsa, ignora o bloco.

Estrutura:

Exemplo:

Else

O else (SE NÃO) é usado junto com o if para definir o que deve ser feito caso a condição do if seja falsa.

Como funciona:

• O programa verifica a condição do if.
• Se for verdadeira, executa o bloco do if.
• Se for falsa, executa o bloco do else.

Estrutura:

Exemplo:

Else If

O else if é usado para verificar condições adicionais caso a condição inicial do if seja falsa.

Como funciona:

• O programa verifica a condição do if.
• Se for falsa, verifica as condições adicionais nos blocos else if.
• Se todas forem falsas, executa o else final (se existir).

Estrutura:

Exemplo:

Operador Ternário

O operador ternário é uma forma compacta de escrever estruturas condicionais simples. Ele decide entre dois valores com base em uma condição.

Estrutura:

Exemplo:

Switch

O switch é uma estrutura condicional usada para simplificar decisões que envolvem muitas opções. É especialmente útil quando você está comparando o mesmo valor com diferentes casos.

Como funciona:

• O valor de uma variável é comparado com os case.
• Quando encontra um caso correspondente, executa o bloco associado.
• O default define o que deve ser feito se nenhum dos casos corresponder.

⚠️ Importante: Use break após cada caso para evitar o comportamento de “fall-through” (quando o programa continua executando os próximos casos).

Estrutura:

Exemplo:

Finalizando

E é isso, pessoal! Hoje tivemos a oportunidade de aprender sobre condicionais e como elas são fundamentais para criar programas dinâmicos e inteligentes em JavaScript.

Na próxima aula, aprenderemos sobre funções.

📂 Link para o repositório desta aula no GitHub: https://github.com/guilherme-silvam/js-aulas-guilhermemachadodev/tree/main/aula-5-guilhermemachadodev

Vamos continuar aprendendo juntos. BORA CODAR!!! 🚀