I Love the JavaScript shorthand of If-else statement 😃

So there it is! It is a long time ago that I put online a new blog post! Did a lot of other stuff then Web Development. But this time I want to share a small nice trick in JavaScript!

Yes, I love the JavaScript shorthand of the if-else statement. (For the record, the let variable is an ES6 type variable.) Check the super simple example below.

let aVar = 'A';
let conditionalVariable = aVar === 'A' ? true : false;

This example is super simple. I use this most of the times when the value of a variable needs to be based on the other variable.

In the early days of me writing an if-else statement in JavaScript was more like this:

var aVar = 'A';
if(aVar === 'A') {
  var conditionalVariable = true;
} else {
  var conditionalVariable = false;
}

But since DRY (Don’t Repeat Yourself) is a good thing to keep in mind, this is not the best code! In some cases, the normal If-else statement is more readable.

But for very simple tasks like my top example, it is less code.

Bonus

As a bonus, I want to show that this does also work very good in Angular template expressions.

<strong>{{COMPONENT.incomeType === 'SELF_EMPLOYED' ? 'Self employed' : 'Employed'}}</strong>

This will avoid writing multiple HTML tags with ng-if’s:

<strong ng-if="COMPONENT.incomeType === 'SELF_EMPLOYED">
    Self employed
</strong>
<strong ng-if="COMPONENT.incomeType !== 'SELF_EMPLOYED'">
    Employed
</strong>

So hopefully this is gonna help you with writing better DRY JavaScript code!


Also published on Medium.