JavaScript Switch Case: Tomando Decisões com switch case em JavaScript
O JavaScript switch case é uma estrutura de controle condicional que permite tomar decisões com base em diferentes casos ou valores.
Publicado em 1 de agosto de 2023
Glossário
O que é JavaScript switch case?
JavaScript é uma linguagem de programação amplamente utilizada no desenvolvimento web. Com ela, os desenvolvedores podem criar interações e funcionalidades avançadas para páginas da web. Uma das estruturas de controle mais utilizadas em JavaScript é o switch case. Mas afinal, o que é JavaScript switch case?
O JavaScript switch case e sua utilização
O JavaScript switch case é uma estrutura de controle condicional que permite tomar decisões com base em diferentes casos ou valores. Ele é usado quando há uma necessidade de executar diferentes blocos de código com base em uma determinada variável ou expressão. O switch case é especialmente útil quando há uma grande quantidade de condições a serem testadas, pois permite simplificar e organizar o código.
Exemplo prático do switch case em JavaScript
let diaSemana = 2;
let diaSemanaNome;
switch (diaSemana) {
case 1:
diaSemanaNome = "Domingo";
break;
case 2:
diaSemanaNome = "Segunda-feira";
break;
case 3:
diaSemanaNome = "Terça-feira";
break;
case 4:
diaSemanaNome = "Quarta-feira";
break;
case 5:
diaSemanaNome = "Quinta-feira";
break;
case 6:
diaSemanaNome = "Sexta-feira";
break;
case 7:
diaSemanaNome = "Sábado";
break;
default:
diaSemanaNome = "Dia inválido";
}
console.log(diaSemanaNome); // Saída: Segunda-feira
Neste exemplo, a variável diaSemana possui o valor 2. O switch case compara esse valor com cada caso e, quando encontra o caso que corresponde, atribui o nome do dia da semana à variável diaSemanaNome. No final, o resultado é exibido no console.
Como usar o switch case em JavaScript?
Agora que entendemos o que é JavaScript switch case, vamos aprender como usá-lo adequadamente em nossos projetos. Para utilizar o switch case em JavaScript, siga os passos abaixo:
- Declare uma variável ou utilize uma expressão que será comparada com diferentes casos.
- Inicie o switch com a palavra-chave switch, seguida pela variável ou expressão entre parênteses.
- Abra um bloco de código com as chaves {} logo após o parêntese de fechamento.
- Dentro do bloco de código, defina cada caso usando a palavra-chave case, seguida pelo valor correspondente seguido de dois pontos (:).
- Em seguida, escreva o bloco de código que será executado caso o caso corresponda ao valor. Lembre-se de utilizar o break no final de cada caso.
- Se necessário, adicione um caso padrão utilizando a palavra-chave default, seguida de dois pontos (:). Esse caso será executado caso nenhum dos outros casos corresponda ao valor.
- Encerre o switch com a palavra-chave break.
Vale ressaltar que o JavaScript switch case é bastante flexível em relação aos valores dos casos. É possível utilizar tanto números quanto strings como valores dos casos. Além disso, é permitido utilizar múltiplos casos para executar o mesmo bloco de código. Nesses casos, basta separar os valores dos casos por vírgula.
Exemplos de switch case em JavaScript
Agora que já entendemos como funciona e como utilizar o JavaScript switch case, vamos ver alguns exemplos práticos para consolidar nosso aprendizado.
Exemplo 1: Conversor de dias da semana
function converterDiaSemana(numero) {
let diaSemana;
switch (numero) {
case 1:
diaSemana = "Domingo";
break;
case 2:
diaSemana = "Segunda-feira";
break;
case 3:
diaSemana = "Terça-feira";
break;
case 4:
diaSemana = "Quarta-feira";
break;
case 5:
diaSemana = "Quinta-feira";
break;
case 6:
diaSemana = "Sexta-feira";
break;
case 7:
diaSemana = "Sábado";
break;
default:
diaSemana = "Dia inválido";
}
return diaSemana;
}
console.log(converterDiaSemana(2)); // Saída: Segunda-feira
Neste exemplo, temos uma função converterDiaSemana que recebe um valor numérico correspondente a um dia da semana e retorna o nome do dia. A estrutura switch case é utilizada para realizar essa conversão.
Exemplo 2: Classificação de produtos
function classificarProduto(categoria) {
let classificacao;
switch (categoria) {
case "Eletrônicos":
classificacao = "Produto eletrônico";
break;
case "Roupas":
case "Calçados":
classificacao = "Produto de moda";
break;
case "Alimentos":
classificacao = "Produto alimentício";
break;
default:
classificacao = "Produto não classificado";
}
return classificacao;
}
console.log(classificarProduto("Roupas")); // Saída: Produto de moda
Neste exemplo, temos uma função classificarProduto que recebe uma categoria como parâmetro e retorna a classificação do produto com base nessa categoria. Note que é possível utilizar múltiplos casos para executar o mesmo bloco de código, como no caso das categorias “Roupas” e “Calçados”.
Dicas para usar o switch case em JavaScript corretamente
Ao utilizar o switch case em JavaScript, é importante considerar algumas dicas para garantir um código bem estruturado e de fácil manutenção. Veja abaixo algumas dicas:
- Sempre utilize o break ao final de cada caso para interromper a execução.
- Utilize um caso padrão para lidar com valores que não correspondem a nenhum dos casos existentes.
- Evite o uso excessivo do switch case. Em alguns casos, pode ser mais adequado utilizar estruturas de controle condicional mais simples, como o if-else.
- Mantenha o código legível e organizado. Utilize indentação correta e nomeie variáveis e casos de forma adequada.
- Considere utilizar o operador strict equality (===) para comparar os valores dentro do switch case, garantindo comparações precisas.
Conclusão
O JavaScript switch case é uma estrutura de controle condicional que possibilita tomar decisões com base em diferentes casos ou valores. É uma ferramenta poderosa para simplificar e organizar o código, especialmente quando lidamos com uma grande quantidade de condições.
Ao entender como o switch case funciona, como usá-lo corretamente e observar algumas dicas para sua utilização, é possível criar scripts mais eficientes e de fácil manutenção em JavaScript.
Pratique o uso do switch case em seus projetos e explore suas diferentes possibilidades. Com dedicação e estudo contínuo, você aprimorará suas habilidades como desenvolvedor e poderá criar aplicações web cada vez mais avançadas.
Exemplos de switch case em JavaScript
O JavaScript switch case é uma estrutura de controle poderosa que nos permite tomar decisões com base em diferentes casos ou valores. Para entender melhor como essa estrutura funciona, vamos explorar alguns exemplos práticos do uso do switch case em JavaScript.
Exemplo 1: Calculadora de operações matemáticas
function calcularOperacao(operador, numero1, numero2) {
let resultado;
switch (operador) {
case "+":
resultado = numero1 + numero2;
break;
case "-":
resultado = numero1 - numero2;
break;
case "*":
resultado = numero1 * numero2;
break;
case "/":
resultado = numero1 / numero2;
break;
default:
resultado = "Operação inválida";
}
return resultado;
}
console.log(calcularOperacao("+", 5, 3)); // Saída: 8
console.log(calcularOperacao("-", 10, 4)); // Saída: 6
console.log(calcularOperacao("*", 2, 6)); // Saída: 12
console.log(calcularOperacao("/", 12, 4)); // Saída: 3
console.log(calcularOperacao("%", 8, 3)); // Saída: Operação inválida
Nesse exemplo, a função calcularOperacao recebe um operador (como “+”, “-“, “*”, “/”), bem como dois números. O switch case é utilizado para determinar qual operação será executada com base no operador fornecido, e o resultado é retornado.
Exemplo 2: Verificação de número par ou ímpar
function verificarParidade(numero) {
let resultado;
switch (numero % 2) {
case 0:
resultado = "Número par";
break;
case 1:
resultado = "Número ímpar";
break;
default:
resultado = "Número inválido";
}
return resultado;
}
console.log(verificarParidade(4)); // Saída: Número par
console.log(verificarParidade(7)); // Saída: Número ímpar
console.log(verificarParidade(2.5)); // Saída: Número inválido
Nesse exemplo, a função verificarParidade recebe um número como parâmetro. O switch case é utilizado para avaliar o resto da divisão desse número por 2. Se o resto for 0, o número é considerado par. Caso contrário, é considerado ímpar. Se o número não for um valor inteiro, é retornado “Número inválido”.
Dicas para usar o switch case em JavaScript corretamente
O JavaScript switch case é uma ferramenta muito útil no desenvolvimento web, mas é essencial utilizá-lo corretamente para evitar erros e facilitar a manutenção do código. Aqui estão algumas dicas importantes para usar o switch case em JavaScript de maneira eficaz e adequada:
- Organize seus casos de forma lógica: No switch case, é importante definir os casos em uma ordem lógica. Comece com os casos mais específicos e vá para os mais genéricos. Isso ajudará a evitar conflitos e garantir que o código seja executado corretamente.
- Utilize o caso padrão: Sempre que utilizar o switch case, é recomendável incluir um caso padrão. Este caso será executado se nenhum dos outros casos corresponder ao valor testado. É uma boa prática utilizar o caso padrão para lidar com situações inesperadas ou erros.
- Utilize o break: O comando break é essencial no switch case, pois ele interrompe a execução do código após um caso correspondente ser encontrado. Sem o break, o código continuará a executar os casos seguintes, mesmo que não sejam necessários. Isso pode levar a resultados indesejados e erros.
- Considere outras estruturas de controle: Embora o switch case seja útil em muitos cenários, é importante considerar outras estruturas de controle, como if-else, quando a lógica do código exigir. Nem sempre o switch case é a melhor opção, especialmente quando há muitas condições complexas envolvidas.
- Mantenha o código legível: Ao usar o switch case, é essencial manter o código limpo e legível. Use indentação adequada, escolha nomes significativos para as variáveis e casos, e adicione comentários quando necessário. Isso tornará o seu código mais compreensível e facilitará a manutenção futura.
Em resumo, o JavaScript switch case é uma estrutura de controle poderosa para tomar decisões com base em diferentes casos ou valores. Utilizando-o corretamente e adotando as melhores práticas, você poderá escrever código mais organizado, legível e eficiente. Lembre-se de considerar os exemplos apresentados e seguir as dicas mencionadas para aprimorar sua habilidade no uso do switch case em JavaScript.
A Awari é a melhor plataforma para aprender sobre inovação e gestão no Brasil.
Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.
Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Awari e Fluency: A Revolução da Educação Começou
Fluency e Awari estão oficialmente juntas e prometem transformar...
Guia Para Iniciantes em Comunicação Assertiva
No guia iniciantes comunicação assertiva, exploramos o conceito, importância...
Personal Branding: O Que É e Qual Sua Importância?
A Importância do Personal Branding no Mundo Digital: Descubra...
