Readable JavaScript conditions (#note)

Chris Ferdinandi, the vanilla JavaScript guy, published an excellent coding tip to make your JavaScript conditions more readable.

Suppose you have a condition like the following:

if (wizard === 'Merlin' || wizard === 'Gandalf') {
  // ...
}

My mind needs a moment to process this if. Additionally, the condition becomes harder to read if there are more wizards and you have to chain all these logical ORs.

And now look at what Chris advises to use instead:

if (['Merlin', 'Gandalf'].includes(wizard)) {
  // ...
}

Is that readable code, or what? 😲 The condition even includes the word include to make it easier to understand! 👏 It's a tiny change that improves readability tremendously.

I'll adopt this pattern from now on! Thanks, Chris.