Precedence: Logical or vs. Ternary operator

by

Yes, the || operator has higher precedence than the conditional ?: operator. This means that it is executed first. From the page you link:

Operator precedence determines the order in which operators are evaluated. Operators with higher precedence are evaluated first.

Let’s have a look at all the operations here:

step = step || (start < end) ? 1:-1;

The operator with the highest precedence is the () grouping operation. Here it results in false:

step = step || false ? 1 : -1;

The next highest precedence is the logical OR operator. step is truthy, so it results in step.

step = step ? 1 : -1;

Now we do the ternary operation, which is the only one left. Again, step is truthy, so the first of the options is executed.

step = 1;

More Related Contents:

  1. Why does (true ? false ? ‘1’ : ‘2’ : ‘3’) return 2?
  2. Operator precedence with Javascript Ternary operator
  3. Ternary operator in AngularJS templates
  4. How to write an inline IF statement in JavaScript?
  5. When should I use ?? (nullish coalescing) vs || (logical OR)?
  6. Omitting the second expression when using the if-else shorthand
  7. Which Logic Operator Takes Precedence
  8. JavaScript if “x = (a || b || c)” statement not working
  9. Operator precedence with JavaScript’s ternary operator
  10. What is the Operator Precedence of Await?
  11. Are equal timeouts executed in order in Javascript?
  12. How is the nullish coalescing operator (??) different from the logical OR operator (||) in ECMAScript?
  13. “querySelectorAll()” with multiple conditions in JavaScript
  14. Assign only if condition is true in ternary operator in JavaScript
  15. hi there, why the while loop don’t continue to -infinity and stop on -1
  16. What is the difference between ( for… in ) and ( for… of ) statements?
  17. How do I add a simple onClick event handler to a canvas element?
  18. How to configure CORS in a Spring Boot + Spring Security application?
  19. Sorting HTML table with JavaScript
  20. How to get JavaScript caller function line number and caller source URL
  21. Restart animation in CSS3: any better way than removing the element?
  22. How to get the browser to navigate to URL in JavaScript [duplicate]
  23. What does the ^ (caret) symbol do in JavaScript?
  24. Google Spreadsheet Script – How to Transpose / Rotate Multi-dimensional Array?
  25. DOM refresh on long running function
  26. Check if localStorage is available
  27. Bootstrap 4: Uncaught ReferenceError: Popper is not defined
  28. How does transforming points with a transformMatrix work in fabricJS?
  29. How can I manage client-side JavaScript dependencies? [closed]
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment