Home » Javascript performance, conditional statement vs assignment operator

Javascript performance, conditional statement vs assignment operator

Solutons:


When you have a non-refcounting language (which JavaScript isn’t) and doing an assignment (‘=’, resulting in a copy operation) of a big object it can be “slow”. So a check if that copy operation is really necessary can save you a significant amount of time.

But JavaScript is a native refcounting language:

object1 = {a: 1, b: 2};
object2 = object1;         // refcounting copy?
object1.a = 3;             // test by modifying the first object
console.log( object2.a );  // will return 3 => refcounting

=> so all assignment operations (‘=’) are quite cheap.

And, even more, you are working with a native data type (bool, numbers would be the same) that might be even faster or at least as quick as objects.
NOTE: strings are not refcounted in JavaScript, they are an exception in this case.

So, right now we have learned that the assignment is cheap. But what about the identity check (the ‘===’)?

In your code you must wind your way down through the object this -> crm -> update – this takes some additional time. And then the identicality of the type (bool) must be checked and then if the content (false) is the same.
All of this are adding conditions in the program flow where modern CPUs with their long pipelines might guess the branch wrongly creating a stall and a reload of the full pipeline. This also wastes quite a lot of CPU cycles (although the modern CPUs are quite good at this now).

=> This comparison (‘===’) is quite expensive.

Conclusion #1:
You shouldn’t protect a cheap code by an expensive test that can be easily avoided.
When the code gets more expensive a point will come where the test will save time at the end. This leads to:

Conclusion #2:
Premature optimisation is evil! It can make code harder to read, introduce new bugs, makes code bigger (also bad for cache efficiency), …
=> Only optimize those parts of the code where you are sure you are running in a performance problem – and then only based on profiling informations. Humans are quite bad at guessing the effects here…

The current top answer is incorrect on an important point: === is similarly inexpensive to =, because it does not deeply compare objects; it simply checks whether they reference the same object in memory. (The if branch is the only real culprit here)

Is there any difference in performance between the conditional operator === and the assignment operator =?

=== is not the conditional operator – === is “Strict Equality Comparison” (or “identity”, or “strict equals”). (Javascript’s conditional operator is of the form condition ? expr1 : expr2)

It’s already been covered that assignment with varName = expression is very cheap: essentially, it takes the location of where expression is in memory, and makes varName point to that location as well. No deep copying occurs, even when expression is a huge object.

But the same sort of thing is true for Strict Equality Comparison, for the most part – expr1 === expr2 will evaluate to true when either:

  1. Both expressions are primitives, and both are of the same type and same value (with the exception of NaN), or

  2. Both expressions are objects, and the objects are the same object in memory.

Checking whether two object expressions refer to the same object in memory is extremely cheap – it’s on the same order of magnitude as taking the memory reference of an object and having a variable point to that memory location (as = does). === does not deeply compare every nested property and value (unless you explicitly do so with something like JSON.stringifying both sides of the ===, but in that case, the bottleneck is the JSON.stringify, not the ===)

The code with the if branch:

if (this.crm.update === true) {
    this.crm.isUpToDate = false;
}

will be slower than the plain assignment:

this.crm.isUpToDate = false;

because logical branches are slow (relatively); the === check and = assignment are quite fast:

As a general rule of thumb, branches are slower than straight-line code (on all CPUs, and with all programming languages). -jmrk, V8 developer

This is the same issue behind the famous question: Why is it faster to process a sorted array than an unsorted array?

That said, while logical branches do require extra resources, on modern computers, the effect is rarely significant – it’s better to strive for clean, readable code, and only consider changing such a section after you’re sure that that section is causing a performance bottleneck, otherwise you’ll make the code harder to read for what’s often an imperceptible difference.

Related Solutions

Extract file from docker image?

You can extract files from an image with the following commands: docker create $image # returns container ID docker cp $container_id:$source_path $destination_path docker rm $container_id According to the docker create documentation, this doesn't run the...

Transfer files using scp: permission denied

Your commands are trying to put the new Document to the root (/) of your machine. What you want to do is to transfer them to your home directory (since you have no permissions to write to /). If path to your home is something like /home/erez try the following:...

What’s the purpose of DH Parameters?

What exactly is the purpose of these DH Parameters? These parameters define how OpenSSL performs the Diffie-Hellman (DH) key-exchange. As you stated correctly they include a field prime p and a generator g. The purpose of the availability to customize these...

How to rsync multiple source folders

You can pass multiple source arguments. rsync -a /etc/fstab /home/user/download bkp This creates bkp/fstab and bkp/download, like the separate commands you gave. It may be desirable to preserve the source structure instead. To do this, use / as the source and...

Benefits of Structured Logging vs basic logging

There are two fundamental advances with the structured approach that can't be emulated using text logs without (sometimes extreme levels of) additional effort. Event Types When you write two events with log4net like: log.Debug("Disk quota {0} exceeded by user...

Interfaces vs Types in TypeScript

2019 Update The current answers and the official documentation are outdated. And for those new to TypeScript, the terminology used isn't clear without examples. Below is a list of up-to-date differences. 1. Objects / Functions Both can be used to describe the...

Get total as you type with added column (append) using jQuery

One issue if that the newly-added column id's are missing the id number. If you look at the id, it only shows "price-", when it should probably be "price-2-1", since the original ones are "price-1", and the original ones should probably be something like...

Determining if a file is a hard link or symbolic link?

Jim's answer explains how to test for a symlink: by using test's -L test. But testing for a "hard link" is, well, strictly speaking not what you want. Hard links work because of how Unix handles files: each file is represented by a single inode. Then a single...

How to restrict a Google search to results of a specific language?

You can do that using the advanced search options: http://www.googleguide.com/sharpening_queries.html I also found this, which might work for you: http://www.searchenginejournal.com/how-to-see-google-search-results-for-other-locations/25203/ Just wanted to add...

Random map generation

Among the many other related questions on the site, there's an often linked article for map generation: Polygonal Map Generation for Games you can glean some good strategies from that article, but it can't really be used as is. While not a tutorial, there's an...

How to prettyprint a JSON file?

The json module already implements some basic pretty printing in the dump and dumps functions, with the indent parameter that specifies how many spaces to indent by: >>> import json >>> >>> your_json = '["foo", {"bar":["baz", null,...

How can I avoid the battery charging when connected via USB?

I have an Android 4.0.3 phone without root access so can't test any of this but let me point you to /sys/class/power_supply/battery/ which gives some info/control over charging issues. In particular there is charging_enabled which gives the current state (0 not...

How to transform given dataset in python? [closed]

From your expected result, it appears that each "group" is based on contiguous id values. For this, you can use the compare-cumsum-groupby pattern, and then use agg to get the min and max values. # Sample data. df = pd.DataFrame( {'id': [1, 2, 2, 2, 2, 2, 1, 1,...

Output of the following C++ Program [closed]

It works exactly like this non-recursive translation: int func_0() { return 2; } int func_1() { return 3; } int func_2() { return func_1() + func_0(); } // Returns 3 + 2 = 5 int func_3() { return func_2() + func_1(); } // Returns 5 + 3 = 8 int func_4() { return...

Making a circle out of . (periods) [closed]

Here's the maths and even an example program in C: http://pixwiki.bafsoft.com/mags/5/articles/circle/sincos.htm (link no longer exists). And position: absolute, left and top will let you draw: http://www.w3.org/TR/CSS2/visuren.html#choose-position Any further...

Should I use a code converter (Python to C++)?

Generally it's an awful way to write code, and does not guarantee that it will be any faster. Things which are simple and fast in one language can be complex and slow in another. You're better off either learning how to write fast Python code or learning C++...

tkinter: cannot concatenate ‘str’ and ‘float’ objects

This one line is more than enough to cause the problem: text="რეგულარი >> "+2.23+ 'GEL' 2.23 is a floating-point value; 'GEL' is a string. What does it mean to add an arithmetic value and a string of letters? If you want the string label 'რეგულარი...