Escaping if-else maze in JavaScript | by Sabesan Sathananthan

Lookup Desk

The important thing benefit of utilizing a lookup desk over conventional conditional buildings like if-else or change statements is that lookup desk turns a number of cases of comparative logic into information.

const colorHexCode ={
'blue': '#4169E1',
'inexperienced': '#98FF98',
'butter': '#FFE4C9',
'pink': '#E78895',
'default': '#B4B4B8'
}
const setColor = (shade) => {
let colorHexCode = '';
doc.getElementById('button').model.shade = colorHexCode[color]? colorHexCode[color]: colorHexCode['default'];
};

within the above instance, there is just one logic verify utilizing a ternary operation for the default fallback.

const colorHexCode = {
blue: '#4169E1',
inexperienced: '#98FF98',
butter: '#FFE4C9',
pink: '#E78895',
default: '#B4B4B8',
};
const setColor = (shade) =>   colorHexCode['default'];
;

within the above instance, there is just one logic verify however we keep away from ternary operation and use OR operator for the default fallback.

Within the above two examples, the code illustrates the logic as a single operation, making it extra expressive. Moreover, the code turns into simpler to check as a result of minimized logic. By consolidating our comparisons into pure information, we guarantee improved maintainability.