2021-06-17
1152
#vanilla javascript
Juan Cruz Martinez
53152
Jun 17, 2021 ⋅ 4 min read

Refactoring cascading conditionals in favor of readability

Juan Cruz Martinez I'm an entrepreneur, developer, author, speaker, YouTuber, and doer of things.

Recent posts:

Vite Adoption Guide Overview Examples And Alternatives

Vite adoption guide: Overview, examples, and alternatives

Vite is a versatile, fast, lightweight build tool with an exceptional DX. Let’s explore when and why you should adopt Vite in your projects.

David Omotayo
Nov 29, 2023 ⋅ 16 min read
Implementing Advanced Features With The Navigator.Share API

Implementing advanced features with the navigator.share API

Explore advanced capabilities for content sharing with the navigator.share API, including dynamic content sharing, custom share targets, and batch sharing.

David Omotayo
Nov 29, 2023 ⋅ 10 min read
Chas Peacock Leader Spotlight

Leader Spotlight: Scaling for the next phase of growth with Chas Peacock

We spoke with Chas to get his insights on building technology and internal processes for companies that are scaling quickly.

Jessica Srinivas
Nov 29, 2023 ⋅ 7 min read
Cypress Adoption Guide: Overview, Examples, Alternatives

Cypress adoption guide: Overview, examples, and alternatives

Cypress is one of today’s foremost tools for testing web applications. Let’s explore when and why you should adopt Cypress in your projects.

Paul Akinyemi
Nov 28, 2023 ⋅ 10 min read
View all posts

3 Replies to "Refactoring cascading conditionals in favor of readability"

  1. Nice article, just one thing I’m not sure I’d the best advice, particularly to beginners –

    It’s often not considered a best practice to use `&&` and `||` operators as control flow.

    The main priority in code design should be readability, and for someone reading these, it primarily implies just a Boolean expression, rather than control flow. If/else is explicit control flow and so it’s much clearer, particularly when it’s contains side affects.

    Another problem with this approach is that it suggests fewer lines is better, when in some cases, like this one, fewer lines is just increasing the information density, and not making anything clearer.

  2. Excellent suggestions! All small readability improvements that my coworkers and I have been adopting recently. A fun note, for those using typescript and map objects, try using Record.

Leave a Reply