Como usar o switch statement em JavaScript

Introdução

O switch statement é uma estrutura de controle que permite que você execute diferentes ações com base em diferentes condições. É um recurso poderoso que torna o código mais legível e fácil de manter.

Sintaxe básica do switch statement em JavaScript

O switch statement em JavaScript pode ser usado para comparar um valor com múltiplos casos e executar diferentes blocos de código com base nesses casos. Aqui está a sintaxe básica do switch statement:

    
      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 a expressão não corresponder a nenhum dos casos anteriores
      }
    
  

Utilizando casos múltiplos no switch statement em JavaScript

Além de comparar um valor com casos individuais, você também pode agrupar casos usando casos múltiplos. Isso permite que você execute o mesmo bloco de código para vários casos diferentes.

    
      var cor = "verde";

      switch (cor) {
        case "vermelho":
        case "amarelo":
        case "verde":
          console.log("A cor é uma das cores do semáforo");
          break;
        case "azul":
        case "branco":
          console.log("A cor é uma das cores da bandeira");
          break;
        default:
          console.log("A cor não corresponde a nenhum dos casos");
      }
    
  

Exemplos práticos de uso do switch statement em JavaScript

Exemplo 1: Calculadora básica

    
      function calculadora(operador, num1, num2) {
        var resultado;

        switch (operador) {
          case "+":
            resultado = num1 + num2;
            break;
          case "-":
            resultado = num1 - num2;
            break;
          case "*":
            resultado = num1 * num2;
            break;
          case "/":
            resultado = num1 / num2;
            break;
          default:
            resultado = "Operador inválido";
        }

        return resultado;
      }

      console.log(calculadora("+", 5, 3)); // Output: 8
      console.log(calculadora("-", 7, 2)); // Output: 5
      console.log(calculadora("*", 4, 6)); // Output: 24
      console.log(calculadora("/", 10, 2)); // Output: 5
      console.log(calculadora("#", 5, 3)); // Output: Operador inválido
    
  

Exemplo 2: Tratamento de erros

    
      function handleError(errorCode) {
        switch (errorCode) {
          case 404:
            console.log("Página não encontrada");
            break;
          case 500:
            console.log("Erro interno do servidor");
            break;
          case 403:
            console.log("Acesso negado");
            break;
          default:
            console.log("Erro desconhecido");
        }
      }

      handleError(404); // Output: Página não encontrada
      handleError(500); // Output: Erro interno do servidor
      handleError(403); // Output: Acesso negado
      handleError(401); // Output: Erro desconhecido
    
  

Conclusão

O switch statement é uma ferramenta poderosa que permite que você execute diferentes ações com base em diferentes condições em JavaScript. Ele torna o código mais legível e fácil de manter, evitando a necessidade de usar vários blocos if-else.