Switch para múltiplos casos em JavaScript

Neste artigo você vai aprender a como criar um switch para múltiplos casos em JavaScript, aceitando mais de uma valor para um trecho de código

Fala programador(a), beleza? Bora aprender mais sobre switch e também JavaScript

Para criar um switch que aceita múltiplos casos, ou seja, mais de um valor para um mesmo case ou trecho de código

Basta colocar os cases em sequência por meio de dois pontos (:)

Isso faz com que vários valores possam ser aceitos para um caso

Veja um exemplo prático:

const nome = "Matheus";

switch(nome) {
	
  case "Matheus":
  case "João":
  case "Maria":
  	console.log("Olá pessoa");
    break;
  default:
  	console.log("Nome não encontrado!");

}

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

474 aulas
20 projetos
39h 27min

Este switch verifica vários nomes e responde da mesma maneira para todos, com apenas um trecho de código e vários cases

É com esta sintaxe que você pode realizar os múltiplos casos

Não se esqueça de break para finalizar a instrução, se não o default será executado

Conclusão

Neste artigo você aprendeu a como criar um Switch para múltiplos casos em JavaScript

Utilizamos a mesma sintaxe do switch, porém enfileiramos mais casos em sequência

Basta separar os cases com dois pontos, e então podemos mais de um caso para um mesmo trecho, evitando repetição

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!

Adicionar um H2 curto explicando o PORQUÊ de vários cases funcionarem juntos, algo como ‘Por que os múltiplos casos funcionam? O fall-through:’. Texto: quando um case bate e não tem break, o JavaScript não para ali, ele ‘escorrega’ e continua executando as linhas de baixo até achar um break ou o fim do switch

Esse comportamento tem nome: fall-through (queda através dos cases)

É justamente ele que deixa a gente empilhar case em cima de case sem repetir código

Os cases vazios (sem código e sem break) caem direto no próximo, e todos acabam no mesmo console.log

Adicionar um H2 ‘Como usar switch para faixas de valores (intervalos):’ com o padrão switch(true). Exemplo:

const nota = 7;

switch(true) {

case (nota >= 9): console.log("Excelente"); break; case (nota >= 7): console.log("Aprovado"); break; case (nota >= 5): console.log("Recuperação"); break; default: console.log("Reprovado");

}

Texto: aqui a gente não compara um valor fixo, a gente passa switch(true) e cada case vira uma condição

O primeiro case que der true é o que roda

Muito útil quando você precisa de faixa (intervalo) e não de valores exatos

Adicionar 2 ou 3 perguntas rápidas no estilo da casa:

‘Preciso de break em todos os cases?’ O break é o que interrompe o switch quando o case bate

Na sacada dos múltiplos casos, os cases de cima ficam de propósito SEM break (pra escorregarem), e o break entra só no último, o que tem o código

‘O default precisa ficar no fim?’ Não, o default pode ficar em qualquer posição

Mas por leitura fica melhor deixar ele por último, que é onde a maioria espera encontrar

‘Case aceita string e número?’ Aceita, o switch compara valor E tipo (comparação estrita, igual ao ===)

Então case 1 e case "1" são coisas diferentes, se liga nisso pra não cair numa pegadinha