Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Faster loop: foreach vs some (performance of jsperf is different than node or chrome)

Which is the best way to resume the value of an array into simple true or false values.

I am quite confused as jsperf is giving me VERY different results than what google chrome console, nodejs, or any other JS engine gives me. (jsperf snippet here)

Bad jsperf performance Image

This is the code snippet, and you can see (you can run it here) that some is like 100 times faster than using a foreach loop

var array = [];
var i = 0;
var flag = false;
while (i< 100000) {
    array.push(Math.random()*10000);
    i++;
}

console.time('forEach');
array.forEach((item) => {

    if (!flag && item > 10000/2) {
        flag = true;
        return;
    }
    return false
});
console.timeEnd('forEach');
console.log(flag);

flag = false;
console.time('some');
flag = array.some((item) => {

    if (item > 10000/2) {
        return true;
    }
    return false
});
console.timeEnd('some');
console.log(flag);

The question is, Why is JSPERF giving different results than chrome's console, nodejs, or any other JS engine?

EDIT: As stated by my answer to the question underneath, the behaviour was buggy, because I had the chrome dev tools open when using JSPERF, and all of the messages were being logged to the console, which means that actually the results changed. Keep in mind for the future, that JSPERF might not behave properly when leaving the console open on execution.

like image 518
Alejandro Vales Avatar asked Dec 18 '22 22:12

Alejandro Vales


2 Answers

from MDN

There is no way to stop or break a forEach() loop other than by throwing an exception.

using a foreach, the loop will be executed exactly 100000 times. using some, the loop stops as soon your predicate returns true.

as long as there is a chance your predicate is true, some will be more efficient

like image 142
Sergio Mazzoleni Avatar answered Dec 28 '22 06:12

Sergio Mazzoleni


After researching a bitI understood what did I do to make jsperf behave in a strange manner. I had the chrome console open when running the jsperf tests

I have seen that when you open the chrome console jsperf still logs console.log and similar messages while the scripts are executing and that is what was causing the misleading result of the tests.

Here you can see the tets after CLOSING the console window...

enter image description here

like image 37
Alejandro Vales Avatar answered Dec 28 '22 07:12

Alejandro Vales