Be better than the If Statement

Decisions, decisions!

Regardless of your programming language of choice, your code needs to take decisions and execute actions accordingly. For example, in a game, if you run out of lives (If (lifes === 0)), you're done! So today, let's be better than the if statement and understand how conditional statements work in JavaScript.

if…else statements

Probably one of the most google’d statements out there. An if...else statement executes a statement if a specified condition is truthy. If else, another chunk of code can be executed.

Here you typically make use of comparison operators (strict equality, less than, greater than, etc.) to run true/false tests, execute code accordingly depending on the result. These conditional statements are pretty human-readable — “if this is true, then do this, else do that." The chaining of additional if statements or even the nesting of others are infinite but not necessarily optimal. Therefore, let's explore other choices in writing conditional statements in JavaScript.

How to make it shorter!?

The conditional (ternary) operator is the only JavaScript operator that takes three operands: a condition followed by the question mark (?), then an expression to execute if the condition is truthy, followed by a colon (:), and finally the expression if the condition is falsy. This operator is frequently used as a shortcut for the if statement. The ternary operator can run strings, functions, lines of code or anything you'd like. Let's rewrite our isItCold function:

Evaluating bigger data sets?

For those cases where you need to evaluate bigger data sets, even if you do get tempted by its symmetrical beauty, instead of creating a the so-called arrow type of code, you can can try Conditional chains using ternary operators. Let’s take a look at the syntax and add more data to evaluate in our function:

Let’s Switch it up!

If you have many options to choose from, use a switch statement instead. A switch statement tests a value and can have many case statements which define various possible values in a cleaner and more readable way. Statements are executed from the first matched case value until a break is encountered.

Note though, case values are tested with strict equality (===). The break tells JavaScript to stop executing statements. If the break is omitted, the next statement will be executed.

Why not try an exercise to apply how useful the switch statement is? Let's check out freeCodeCamp's Counting Cards from their JavaScript Algorithms and Data Structures program and change it a bit.

Counting Cards

In the casino game Blackjack, a player can gain an advantage over the house by keeping track of the relative number of high and low cards remaining in the deck. This is called Card Counting.

Having more high cards remaining in the deck favours the player. Each card is assigned a value according to the table below. When the count is positive, the player should bet high. When the count is zero or negative, the player should bet low.

Basic JavaScript: Counting Cards

Let’s write a card counting function. It will receive an array of cards as a parameter (the cards can be strings or numbers), and increment or decrement the count variable according to the card's value. The function will then return a string with the current count and the indicate whether the player should Bet(if the count is positive) or Hold(if the count is zero or negative).

Example outputs: -3 Hold or 5 Bet.

Now, I believe you have the necessary knowledge to make better decisions and be better than the if statement alone!

Thank you for reading!

Get in touch:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store