Aulas

Curso de Javascript – Aula 3 | Estruturas de Controle

por: Bernardo Collet

atualizado há 9 meses atrás

Curso de JAVASCRIPT Aula 03 - Estruturas de Controle

Bem-vindo ao Módulo Estruturas de Controle! Neste módulo, vamos explorar as diferentes formas de controlar o fluxo de execução do código em JavaScript. Enfim, as estruturas de controle são fundamentais para direcionar o comportamento dos programas, permitindo que tomemos decisões, executemos ações repetidas vezes e lidemos com exceções.

Vamos aprender sobre os loops for, while e do/while, que nos permitem repetir blocos de código de forma eficiente. Além disso, veremos as estruturas condicionais if/else e switch, que nos permitem tomar decisões com base em condições específicas.

Também exploraremos as estruturas avançadas como break, continue e try/catch, que nos ajudam a otimizar o código, lidar com situações inesperadas e tornar nossos programas mais robustos.

Com o domínio dessas estruturas de controle, você estará pronto para criar programas mais sofisticados, flexíveis e completos em JavaScript. Então, vamos começar essa jornada de aprendizado e aprimorar suas habilidades em programação!

Utilização de Estruturas de Controle Condicionais – if/else e switch em JavaScript

Nesta aula, vamos explorar as estruturas de controle condicionais em JavaScript, que são fundamentais para controlar o fluxo de execução do código com base em condições específicas. Enfim, vamos aprender a utilizar os blocos if/else e switch para tomar decisões em nossos programas e executar ações diferentes de acordo com o resultado das condições.

Estrutura if/else

O bloco if/else permite que o programa execute um conjunto de instruções se a condição especificada for verdadeira (true). Ou seja, caso a condição seja falsa (false), o programa pode executar um conjunto alternativo de instruções no bloco else.

Exemplo:
var idade = 20;

if (idade >= 18) {
  console.log("Você é maior de idade.");
} else {
  console.log("Você é menor de idade.");
}

Estrutura switch

O bloco switch é uma alternativa ao if/else quando queremos avaliar uma variável em várias condições diferentes. Enfim, ele verifica o valor de uma expressão e executa o bloco de código associado ao caso correspondente.

Exemplo:
var diaSemana = 5;
var mensagem;

switch (diaSemana) {
  case 1:
    mensagem = "Hoje é segunda-feira.";
    break;
  case 2:
    mensagem = "Hoje é terça-feira.";
    break;
  case 3:
    mensagem = "Hoje é quarta-feira.";
    break;
  case 4:
    mensagem = "Hoje é quinta-feira.";
    break;
  case 5:
    mensagem = "Hoje é sexta-feira.";
    break;
  default:
    mensagem = "Fim de semana!";
}

console.log(mensagem);

Operadores Condicionais Ternários

Além do if/else e switch, podemos utilizar o operador condicional ternário ? para criar estruturas de decisão simples em uma única linha.

Exemplo:
var idade = 20;
var resultado = idade >= 18 ? "Maior de idade" : "Menor de idade";

console.log(resultado);

As estruturas de controle condicionais if/else e switch são ferramentas poderosas que nos permitem criar programas mais dinâmicos e flexíveis em JavaScript. Enfim, com elas, podemos tomar decisões com base em condições específicas e executar diferentes ações em diferentes cenários. Além disso, o operador condicional ternário ? nos permite criar estruturas de decisão simples e concisas. Ou seja, com o domínio dessas estruturas, você estará preparado para criar programas mais sofisticados e completos em JavaScript, tornando-se um desenvolvedor mais habilidoso e versátil. Enfim, continue praticando e explorando as possibilidades das estruturas de controle condicionais para aprimorar suas habilidades de programação.

Utilização de Loops – while, do/while e for em JavaScript

Nesta aula, vamos explorar as estruturas de repetição em JavaScript, que nos permitem executar blocos de código repetidamente até que atendamos determinada condição. Enfim, vamos aprender a utilizar os loops while, do/while e for para automatizar tarefas e processar coleções de dados de forma eficiente.

Loop while

O loop while executa um bloco de código enquanto a condição especificada for verdadeira (true).Antes de cada iteração, o sistema avalia a condição e, se ela for verdadeira, executa o bloco.

Exemplo:
var contador = 1;

while (contador <= 5) {
  console.log("Contagem: " + contador);
  contador++;
}

Loop do/while

O loop do/while é semelhante ao while, mas a condição é verificada após a primeira execução do bloco. Isso garante que o sistema execute o bloco pelo menos uma vez, mesmo que a condição seja falsa.

Exemplo:
var contador = 1;

do {
  console.log("Contagem: " + contador);
  contador++;
} while (contador <= 5);

Loop for

O loop for é uma estrutura de repetição mais compacta, que inclui a inicialização de uma variável, a condição de continuação e o incremento em uma única linha.

Exemplo:
for (var i = 1; i <= 5; i++) {
  console.log("Contagem: " + i);
}

Controle de Loops

Dentro de loops, podemos usar as palavras-chave break e continue para controlar o fluxo de execução.

Exemplo break: Interrompe imediatamente o loop e sai do bloco.
for (var i = 1; i <= 10; i++) {
  if (i === 5) {
    break; // O loop é interrompido quando i é igual a 5
  }
  console.log(i);
}
Exemplo continue: Pula a iteração atual e avança para a próxima iteração.
for (var i = 1; i <= 5; i++) {
  if (i === 3) {
    continue; // A iteração é pulada quando i é igual a 3
  }
  console.log(i);
}

Os loops while, do/while e for são ferramentas poderosas que nos permitem automatizar tarefas e processar coleções de dados de forma eficiente em JavaScript. Enfim, com essas estruturas de repetição, criamos programas mais dinâmicos e interativos, realizando iterações repetidas até atendermos uma condição específica. Além disso, o controle de loops com as palavras-chave break e continue nos permite otimizar o fluxo de execução e personalizar o comportamento de nossos loops. Ou seja, com o domínio dessas estruturas, você estará preparado para criar programas mais sofisticados e eficientes em JavaScript, tornando-se um desenvolvedor mais habilidoso e versátil. Continue praticando e explorando as possibilidades dos loops para aprimorar suas habilidades de programação.

Utilização de Estruturas de Controle Avançadas em JavaScript – break, continue e try/catch

Nesta aula, vamos explorar estruturas de controle avançadas em JavaScript que nos permitem ter mais controle sobre o fluxo de execução do código e lidar com situações excepcionais. Enfim, as estruturas de controle avançadas que veremos são break, continue e try/catch. Com essas ferramentas, podemos otimizar o código, lidar com situações inesperadas e tornar nossos programas mais robustos.

Break

A instrução break é utilizada dentro de loops (for, while, do...while) e switch para interromper imediatamente a execução do loop ou do switch.

Exemplo:
for (var i = 0; i < 10; i++) {
  if (i === 5) {
    break; // O loop é interrompido quando i é igual a 5
  }
  console.log(i);
}

Continue

A instrução continue é utilizada dentro de loops para pular a iteração atual e avançar para a próxima iteração. Enfim, isso possibilita que ignoremos certas condições dentro do loop, sem interrompê-lo por completo.

Exemplo:
for (var i = 0; i < 10; i++) {
  if (i === 5) {
    continue; // A iteração é pulada quando i é igual a 5
  }
  console.log(i);
}

Try/Catch

A estrutura try/catch é usada para lidar com exceções (erros) que podem ocorrer durante a execução do código. Colocamos o código que pode gerar uma exceção no bloco try, e caso uma exceção seja lançada, ela será capturada e tratada no bloco catch.

Exemplo:
try {
  var numero = parseInt(prompt("Digite um número:"));
  if (isNaN(numero)) {
    throw "Você não digitou um número válido."; // Lança uma exceção personalizada
  }
  console.log("O número digitado é: " + numero);
} catch (erro) {
  console.log("Ocorreu um erro: " + erro);
}

As estruturas de controle avançadas, break, continue e try/catch, são ferramentas importantes que ampliam nossa capacidade de controlar o fluxo de execução do código e lidar com situações excepcionais. Com o break, podemos interromper loops prematuramente quando uma condição específica é atendida. Com o continue, podemos pular iterações indesejadas dentro de um loop. Já o try/catch nos permite lidar com exceções e evitar que o programa seja interrompido por completo quando um erro ocorre. Com o domínio dessas estruturas, nossos programas em JavaScript se tornam mais flexíveis e resilientes, garantindo uma melhor experiência para o usuário e facilitando a depuração e a manutenção do código.

Woocommerce

Otimização de Desempenho para sua Loja WooCommerce: Estratégias Eficientes

Descubra como otimizar sua loja no WooCommerce para aumentar vendas e a satisfação do cliente. Estratégias e dicas eficazes!
Elementor

Elementor vs. Outros Construtores de Página: Qual a Melhor Escolha para o seu Site?

Construtores de Página: Descubra as vantagens do Elementor em comparação com outros construtores e encontre a ferramenta ideal para você.
Dúvidas?