Substituindo a instrução switch por Object Literal
Object Literal é um bom substituto da instrução procedural switch. O switch apresenta alguns problemas — o design do código é bem antigo e procedural; dificulta encontrar um possível bug e podemos esquecer de colocar a instrução break; no final de cada case, permitindo passar por cada um sem necessidade; por último o código com switch fica um pouco mais verboso.
Então, a ideia é utilizar objetos literais (object literals) ao invés do velho switch.
Vamos ver um exemplo de código comparando os dois e você poderá tirar suas próprias conclusões.
Abaixo temos a mesma funcionalidade implementada com switch e com object literals:
❌ Switch
A instrução switch é usada para executar ações diferentes de acordo com a entrada, ou seja, é uma estrutura condicional.
No código abaixo, temos um switch que irá atribuir na variável day um número inteiro que corresponde o dia da semana da data atual que está sendo obtido através da instrução: new Date().getDay().
let day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
default:
throw new Error("Hey! We have only 7 days in the week");
}
console.log(`What day of the week is today? ${day}`);
// Resultado para o dia 16/09/2020:
// What day of the week is today? Wednesday
✅ Object Literal
É uma maneira rápida e literal de criar um objeto, passando entre o par de chaves { } a propriedade e o seu respectivo valor: let obj = { name: "Rocketseat", bootcamp: "Go Stack"}
No código abaixo, temos um objeto literal dayOfTheWeek que possui os atributos de 0 a 6 e o seus respectivos valores em formato de String com os nomes dos dias da semana.
const dayOfTheWeek = {
0: "Sunday",
1: "Monday",
2: "Tuesday",
3: "Wednesday",
4: "Thursday",
5: "Friday",
6: "Saturday",
};
console.log(
`What day of the week is today? ${dayOfTheWeek[new Date().getDay()]}`
);
// Resultado para o dia 16/09/2020:
// What day of the week is today? Wednesday
👊 Conclusão
Mesmo escrevendo funcionalidade semelhantes, percebemos que o código com Object Literal possui menos linhas de código, tendo uma melhor legibilidade e não corremos o risco de esquecer algum break.
Existem vários casos de uso de como substituir o switch pelo object literals. Vamos deixar alguns links caso queira se aprofundar no assunto, e levar seu código para um próximo nível! 🚀
🔗 Links
- switch statements and object literals
- substitua o switch e vários if and else usando object literals
- mdn switch
- mdn object literal
E aí, o que achou da nossa sugestão?
Espero que tenha curtido! 💜
O aprendizado é contínuo e sempre haverá um próximo nível! 🚀
