Condicionais no Javascript

Tempo de leitura: 3 minutos

Condicionais no Javascript: Em programação, muitas vezes precisamos que nosso código tome decisões com base em determinadas condições. É aí que entram as condicionais. Em JavaScript, as condicionais permitem que você execute diferentes blocos de código dependendo do resultado de uma expressão lógica.

Neste artigo, vamos explorar as principais estruturas condicionais em JavaScript, como if, else if e switch, e como utilizá-las para criar programas mais dinâmicos e flexíveis.

A Estrutura if

A estrutura if é a mais básica das condicionais. Ela executa um bloco de código se uma determinada condição for verdadeira.

JavaScript

let idade = 18;

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

Sintaxe:

JavaScript

if (condição) {
  // Código a ser executado se a condição for verdadeira
}

A Estrutura if...else

A estrutura if...else permite que você execute um bloco de código se a condição for verdadeira e outro bloco de código se a condição for falsa.  

JavaScript

let numero = 5;

if (numero % 2 === 0) {
  console.log("O número é par.");
} else {
  console.log("O número é ímpar.");
}

Sintaxe:

JavaScript

if (condição) {
  // Código a ser executado se a condição for verdadeira
} else {
  // Código a ser executado se a condição for    falsa
}

A Estrutura else if

A estrutura else if permite que você verifique várias condições em sequência.

JavaScript

let nota = 7;

if (nota >= 9) {
  console.log("Aprovado com distinção.");
} else if (nota >= 7) {
  console.log("Aprovado.");
} else {
  console.log("Reprovado.");
}

A Estrutura switch

A estrutura switch é útil quando você precisa comparar um valor com várias opções possíveis.

JavaScript

let diaDaSemana = "sábado";

switch (diaDaSemana) {
  case "segunda":
  case "terça":
  case "quarta":
  case "quinta":
  case "sexta":
    console.log("Dia útil.");
    break;
  case "sábado":
  case "domingo":
    console.log("Final    de semana.");
    break;
  default:
    console.log("Dia inválido.");
}

Sintaxe:

JavaScript

switch (expressão) {
  case valor1:
    // Código a ser executado se a expressão for igual a valor1
    break;
  case valor2:
    // Código a ser executado se a expressão for igual a valor2
    break;
  default:
    // Código a ser executado se    nenhum dos cases corresponder
}

Operador Ternário

O operador ternário é uma forma mais concisa de escrever uma condicional if...else.

JavaScript

let idade = 18;
let mensagem = idade >= 18 ? "Maior de idade" : "Menor de idade";

Sintaxe:

JavaScript

condição ? valorSeVerdadeiro : valorSeFalso

Boas Práticas

• Indentação: Utilize indentação para melhorar a legibilidade do seu código.
• Comentários: Adicione comentários para explicar o propósito de cada bloco de código.
• Escolha a estrutura correta: Utilize a estrutura condicional mais adequada para cada situação.
• Evite aninhamentos excessivos: Aninhamentos profundos podem dificultar a leitura e manutenção do código.

Conclusão

Condicionais no Javascript: As condicionais são fundamentais para a criação de programas dinâmicos e interativos em JavaScript. Ao dominar as estruturas if, else if, switch e o operador ternário, você poderá tomar decisões complexas em seu código e criar programas mais robustos e flexíveis.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:

E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados: