Is ternary operator, if-else or logical OR faster in javascript?

by

Seems like nobody did any actual profiling. Here’s the code I used:

test = function() {
    for (var i = 0; i < 10000000; i++) {
        var a = i < 100 ? 1 : 2;

        /*
        if(i < 100) {
            var a = 1;
        }else{
            var a = 2;
        }
        */
    }
}

test();

Using the if/else block instead of the ternary operator yields a 1.5 – 2x performance increase in Google Chrome v21 under OS X Snow Leopard.

As one use case where this is very important, synthesizing real-time audio is becoming more and more common with JavaScript. This type of performance difference is a big deal when an algorithm is running 44100 times a second.

More Related Contents:

  1. Convert JSON to array in Javascript
  2. When to use Vanilla JavaScript vs. jQuery?
  3. Defining methods via prototype vs using this in the constructor – really a performance difference?
  4. What’s the best way to convert a number to a string in JavaScript?
  5. When does reflow happen in a DOM environment?
  6. Controlling fps with requestAnimationFrame?
  7. JavaScript variables declare outside or inside loop?
  8. regex.test V.S. string.match to know if a string matches a regular expression
  9. Should Github be used as a CDN for javascript libraries? [closed]
  10. Should CSS always precede Javascript?
  11. Javascript when to use prototypes
  12. Does use of anonymous functions affect performance?
  13. How to avoid freezing the browser when doing long-running computations in Javascript
  14. Why is bind slower than a closure?
  15. Knockout.js incredibly slow under semi-large datasets
  16. Is there a performance difference between ‘let’ and ‘var’ in JavaScript
  17. v8 JavaScript performance implications of const, let, and var?
  18. Object.keys() complexity?
  19. JavaScript performance difference between double equals (==) and triple equals (===)
  20. Best way to execute js only on specific page
  21. JavaScript Objects as Hashes? Is the complexity greater than O(1)?
  22. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  23. Does the tag position in HTML affects performance of the webpage?
  24. setTimeout() with string or (anonymous) function reference? speedwise [closed]
  25. Are ES6 template literals faster than string concatenation?
  26. Javascript (jQuery) performance measurement and best practices (not load time)
  27. How browser executes Javascript and renders asynchronously
  28. Javascript – insert an array inside another array
  29. Does using a document fragment really improve performance?
  30. value of using React.forwardRef vs custom ref prop

Leave a Comment