Usando Switch Case em JavaScript

O comando switch case é uma estrutura de controle poderosa no JavaScript, frequentemente utilizada para simplificar a tomada de decisões em cenários onde múltiplas condições precisam ser avaliadas, sendo esses cenários nomalmente de decisões. Com sua sintaxe clara e eficiente, o switch case se destaca como uma ferramenta essencial no kit de ferramentas de qualquer desenvolvedor JavaScript.

Escolhendo uma Fruta

Vamos começar com um exemplo simples de uso do switch case. Suponha que estamos construindo um programa que solicita ao usuário que escolha uma fruta e, com base na escolha, exibe uma mensagem correspondente. Veja o código abaixo:

// Solicita ao usuário que digite a fruta desejada
let fruta = prompt("Digite o nome da fruta entre maçã e banana:");


// Converte o valor digitado para letras minúsculas para evitar problemas de comparação
fruta = fruta.toLowerCase();


// Utiliza a estrutura switch para exibir a mensagem correspondente à fruta escolhida
switch (fruta) {
  case "maçã":
      console.log("Você escolheu uma maçã.");
      break;
  case "banana":
      console.log("Você escolheu uma banana.");
      break;
  default:
      console.log("Opção inválida.");
  }

A saída mostrada no console será exatamente o caso escolhido, se o usuário optar por maçã, será exibido como no exemplo abaixo:

Você escolheu uma maçã.

Em forma de diagrama ficaria assim:

Dia da Semana

Agora, avançamos para um exemplo intermediário que aborda um cenário mais complexo. Suponha que estamos criando uma aplicação que exibe uma mensagem personalizada com base no dia da semana. O codigo exibido é muito similar, podemos perceber que a única diferença são as mensagens exibidas de acordo com o que se definiu:

 // Solicita ao usuário que digite o dia da semana
 let dia = prompt("Digite o nome do dia da semana que se inicia:");
  
 // Converte o valor digitado para letras minúsculas para evitar problemas de comparação
 fruta = dia.toLowerCase();


 // Utiliza a estrutura switch para exibir a mensagem correspondente ao dia escolhido
 switch (dia) { 
 case "segunda": 
   console.log("Hoje é dia de começar com energia!"); 
 break; 
 case "quarta": 
   console.log("Metade da semana, você está quase lá!"); 
 break; 
 case "sexta": 
   console.log("Finalmente sexta-feira, hora de relaxar!"); 
 break; 
 default: 
   console.log("Dia comum, siga em frente."); 
 } 

A saída mostrada no console será exatamente para cada caso escolhido se o usuário optar por um nome que não seja segunda, quarta ou sexta, será exibido como nos exemplos abaixo:

Opções de Navegação

Agora, vamos abordar um exemplo mais desafiador e altamente útil: o uso de switch case para lidar com opções de navegação em uma aplicação. Imagine um aplicativo web com um menu de navegação e diferentes páginas para cada opção. Com intuito de abrir a mente, como usariamos no dia a dia? Aqui está o código exemplificando isso:

let opcao = "perfil";


switch (opcao) { 
    case "home": exibirPaginaHome(); 
        break; 
    case "perfil": exibirPaginaPerfil(); 
        break; 
    case "configurações": exibirPaginaConfiguracoes(); 
        break; 
    default: redirecionarParaPagina404(); } 

No exemplo, o switch case ajuda a determinar qual função deve ser chamada com base na opção escolhida pelo usuário no menu de navegação.

Dominar o switch case é crucial para lidar com cenários complexos de tomada de decisões em JavaScript. Com sua capacidade de avaliar múltiplas condições e direcionar o fluxo do programa de maneira eficiente, o switch case é uma ferramenta poderosa que todo desenvolvedor deve estar confortável em usar.

Se você tem interesse em se aprofundar mais segue o link do guia: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide