JavaScript – Objeto Literal.

Um Object Literal é um dos padrões mais populares e amplamente usados ​​para definir objetos em JavaScript. É uma coleção de pares chave-valor. JavaScript sendo poderoso, adiciona algumas funcionalidades adicionais aos objetos simples através de objetos literais.

const obj = {
primeiro_nome: 'Fabricio',
ultimo_nome: 'Campos'
}

Como podemos usar isto como um substituto para as instruções condicionais? Vamos considerar um cenário de exemplo para entender isso.
Um usuário insere um animal, precisamos retornar o nome de seu bebê ou como é chamado.

Observe os seguintes códigos:

if(animal.toLowerCase()==='Gato'){
return 'Gatinho'
} else if(animal.toLowerCase()=='Gado'){
return 'Bezerro'
} else if(animal.toLowerCase()== ='Leão'){
return 'Leãozinho';
} else if(animal.toLowerCase()==='Cão'){
return 'Filhote';
} else{
return "Não sei"
}
switch(animal.toLowerCase()){
case 'Gato': return 'Pupi'
case 'Gado': return 'Bezerro'
case 'Leão': return 'Leãozinho'
case 'Cachorro': return 'Doguinho'
default: return "Eu não sei disso"
}

Os códigos acima possuem muitas linhas. Não importa se escrevemos usando if-else ou switch case, embora switch case reduza o redundante ‘animal.toLowerCase()’.

const bebeAnimal = {
gato:'Gatinho',
gado:'Bezerro',
leao:'Leãozinho',
cachorro:'Doguinho'
}
return bebeAnimal[animal.toLowerCase()] ?? "Eu não sei"

Agora, este código funciona exatamente da mesma forma que os dois códigos acima. Mas a diferença é que parece mais arrumado e tem menos condições de checar reduzindo assim o tempo de carga.