JavaScript ‘if’ alternative [duplicate]

by

It is the conditional operator, and it is equivalent to something like this:

if (pattern.Gotoccurance.score != null) {
  pattern.Gotoccurance.score;
} else {
  '0';
}

But I think that an assignment statement is missing in the code you posted, like this:

var score = pattern.Gotoccurance.score !=null ? pattern.Gotoccurance.score : '0';

The score variable will be assigned if pattern.Gotoccurance.score is not null:

var score;
if (pattern.Gotoccurance.score != null) {
  score = pattern.Gotoccurance.score;
} else {
  score="0";
}

A common pattern to do this kind of ‘default value’ assignments in JavaScript is to use the logical OR operator (||) :

var score = pattern.Gotoccurance.score ||  '0';

The value of pattern.Gotoccurance.score will be assigned to the score variable only if that value is not falsy (falsy values are false, null, undefined, 0, zero-length string or NaN).

Otherwise, if it’s falsy '0' will be assigned.

The performance will be equivalent, and you should focus on readability. I try to use the ternary operator on expressions that are very simple, and you can also improve the formatting, splitting it up in two lines to make it more readable:

var status = (age >= 18) ? "adult"
                         : "minor";

Related question:

More Related Contents:

  1. How do you use the ? : (conditional) operator in JavaScript?
  2. Question mark and colon in JavaScript
  3. Operator precedence with Javascript Ternary operator
  4. How to write an inline IF statement in JavaScript?
  5. Omitting the second expression when using the if-else shorthand
  6. JavaScript shorthand if statement, without the else portion
  7. How to write a ternary operator (aka if) expression without repeating yourself
  8. Operator precedence with JavaScript’s ternary operator
  9. Multiple Ternary Operators
  10. JavaScript shorthand ternary operator
  11. Display javascript output in plain text instead of in a textbox [closed]
  12. Origin is not allowed by Access-Control-Allow-Origin
  13. Unable to access React instance (this) inside event handler [duplicate]
  14. Use of .apply() with ‘new’ operator. Is this possible?
  15. How can I change div content with JavaScript?
  16. Call a javascript function at a specific time of day
  17. Difference and intersection of two arrays containing objects
  18. React Routing works in local machine but not Heroku
  19. How to upload a file using jQuery.ajax and FormData
  20. When to use JSX.Element vs ReactNode vs ReactElement?
  21. Save base64 string as PDF at client side with JavaScript
  22. Javascript: Check if server is online?
  23. Extend Javascript promise and resolve or reject it inside constructor
  24. Mutation Observer for creating new elements
  25. Insert space before capital letters
  26. Return an empty Observable
  27. Remove fragment in URL with JavaScript w/out causing page reload
  28. How can I modify the markers?
  29. Change onClick attribute with javascript
  30. updateProfile is not a function (Firebase)

Leave a Comment