La ventaja clave de utilizar una tabla de búsqueda sobre estructuras condicionales tradicionales como if-else
o change
declaraciones es que la tabla de búsqueda convierte múltiples instancias de lógica comparativa en datos.
const colorHexCode ={
'blue': '#4169E1',
'inexperienced': '#98FF98',
'butter': '#FFE4C9',
'pink': '#E78895',
'default': '#B4B4B8'
}
const setColor = (shade) => {
let colorHexCode = '';
doc.getElementById('button').fashion.shade = colorHexCode(shade)? colorHexCode(shade): colorHexCode('default');
};
En el ejemplo anterior, solo hay una verificación lógica usando un ternary
operación para el respaldo predeterminado.
const colorHexCode = {
blue: '#4169E1',
inexperienced: '#98FF98',
butter: '#FFE4C9',
pink: '#E78895',
default: '#B4B4B8',
};
const setColor = (shade) => ;
En el ejemplo anterior, solo hay una verificación lógica pero evitamos ternary
operación y uso OR
operador para el respaldo predeterminado.
En los dos ejemplos anteriores, el código ilustra la lógica como una sola operación, haciéndola más expresiva. Además, el código se vuelve más fácil de probar debido a la lógica minimizada. Al consolidar nuestras comparaciones en datos puros, garantizamos una mejor mantenibilidad.