Aprendendo o Comando switch em JavaScript
Quando temos muitas situações possíveis em um programa, usar apenas if e else if pode deixar o código confuso.
Para resolver isso, existe o switch, que facilita a leitura e organização do código.
O switch avalia uma variável e compara seu valor com diferentes casos (case).
Cada caso define o que deve acontecer se o valor da variável for igual ao valor especificado.
Estrutura básica do switch
switch (expressao) {
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 valor for correspondente
}
🖼️ Elaborei um fluxograma para facilitar a compreensão do processo.
1. Exemplo simples: Frutas
let frutas = "Banana"
switch (frutas) {
case "laranja":
console.log("Suco de laranja")
break
case "Banana":
console.log("Vitamina de Banana")
break
}
👉 Nesse exemplo:
- Se a variável frutas for "laranja", o programa mostra Suco de laranja.
- Se for "Banana", mostra Vitamina de Banana.
⚠️ Importante: sempre que encontrar o valor correto, usamos o break para interromper o switch.
Se não colocar o break, o programa continua executando os próximos casos.
2. O comando break
O break significa quebra. Ele faz o programa parar de executar o switch assim que encontra o caso certo.
let gaveta = "colher"
switch (gaveta) {
case "garfo":
console.log("Pegou o garfo na gaveta")
break
case "colher":
console.log("Pegou a colher na gaveta")
break
case "faca":
console.log("Pegou a faca na gaveta")
break
}
👉 Aqui, como a variável é "colher", o programa mostra:
Pegou a colher na gaveta e depois para a execução por causa do break.
3. O comando default
O default funciona como o “senão” do if else.
Ele será executado quando nenhum dos casos for encontrado.
let guarda_Roupa = "Sapato"
switch (guarda_Roupa) {
case "Camisa":
console.log("Retirou uma camisa do guarda roupa")
break
case "Short":
console.log("Retirou um short do guarda roupa")
break
default:
console.log("Não encontrado no guarda roupa")
}
👉 Como Sapato não existe nos casos, o resultado será:
Não encontrado no guarda roupa.
4. Vários case para a mesma ação
No switch, podemos agrupar casos que executam o mesmo bloco de código.
Isso evita repetição e deixa o código mais limpo.
let carro = "Ferrari"
switch (carro) {
case "Porsche":
case "Bugatti":
console.log("Seu carro é uma " + carro)
console.log("Seu " + carro + " tem a cor vermelha")
break
case "Fusca":
case "Corolla":
console.log("Seu carro é uma " + carro)
console.log("Seu " + carro + " tem a cor vermelha")
break
case "Ferrari":
case "Golf":
console.log("Seu carro é uma " + carro)
console.log("Sua " + carro + " tem a cor vermelha")
break
default:
console.log("Seu carro não foi encontrado")
}
👉 Nesse caso:
Como carro = "Ferrari", o resultado será:
Seu carro é uma Ferrari
Sua Ferrari tem a cor vermelha
