4

How to write more readable JavaScript conditionals

 1 year ago
source link: https://www.wisdomgeek.com/development/how-to-write-more-readable-javascript-conditionals/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

How to write more readable JavaScript conditionals

One of the practices of clean code is to make it more readable. And a fairly common use case in code bases is conditionals. I recently came across a way of writing more readable JavaScript conditionals and thought of sharing it with everyone.

Consider the following conditional:

- Advertisement -
if (noteType === CallNoteType.Comment || noteType === CallNoteType.Text) {
}

The mind takes a few minutes to process the “if” conditionals. And it would be less readable if there were more note types that we were checking for.

Instead of chaining all the logical ORs, we can make use of the includes method on an array to get more readable JavaScript conditionals.

if ([CallNoteType.Comment, CallNoteType.Text].includes(noteType)) {
}

// or use a variable 
// to make it even clearer
if (editableNoteTypes.includes(noteType)) {
}

It looks like a tiny change but tremendously improves readability!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK