Faster loop in jQuery

Question

I want to update all object child values with the same value, let's do it by code:

var days = [
   {
      title: 'Day 1',
      checked: false
   },
   {
      title: 'Day 2',
      checked: true
   },
   {
      title: 'Day 3',
      checked: false
   }
];

Now if I want to updates the property checked for all days array nodes, I do this:

$.each(days, function(i, day) {
   day[i].checked = true;
});

So, I'm looking for a better way for doing this, something like this:

days[*].checked = true;

Thanks in advance.

If the array has hundreds of nodes, I think the loop will be less performance, if I have to do this several times in my App. — LeoAref
– LeoAref, Commented Apr 18, 2015 at 6:49
In my opinion every technique has to iterate over your days .so you current approach is good — bugwheels94
– bugwheels94, Commented Apr 18, 2015 at 6:54
If you really eager to optimize performance: Helpful Article & Avoid $.each( ... ) — Vikrant
– Vikrant, Commented Apr 18, 2015 at 6:57
If you really care about performance, don't use jQuery for loop. Although it's micro optimization anyway. — dfsq
– dfsq, Commented Apr 18, 2015 at 6:58

Community · Accepted Answer · 2017-05-23 12:06:49Z

4

As I've already mentioned comment below the Question! $.each( ... ) is very costly for the performance. Though it can be only detected at large amount of data in an Array!

And as per This Article : And this Question...

Most light-weight and easy to use way is While loop:

var len = arr.length;
while (len--) {
  arr[len] *= 2;
}

Then another preferable and more treditional is do-while loop:

var len = arr.length;
do {
  arr[len] *= 2;
} while (len--);

Least preferable is Array map :

arr.map(function(el) {
  return el * 2;
});

enter image description here

And there are many other ways to loop through array and are costly than above couple of methods.

After Edit:

Disadvantages of $.each() loop :

Lower performance compare to other loops (for games/animations/large datasets)
Less control over iterator (skip items, splice items from list, etc).
Dependency on jQuery library unlike for, while etc loops!
Not familiar syntax, as most other similar languages.

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Apr 18, 2015 at 7:29

Vikrant

5,05218 gold badges53 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

LeoAref Over a year ago

Thanks, so the $.each is the worst way to loop through the array, may you give me the reason?

Vikrant Over a year ago

@LeoAref, Edited the answer and added main disadvantages of .each over other loops. Is the answer helpful?

Collectives™ on Stack Overflow

Faster loop in jQuery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related