jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.
jsperf.com URLs are mirrored at the same path, e.g:
https://jsperf.com/negative-modulo/2
Can be accessed at:
https://jsperf.app/negative-modulo/2
Is it faster to use the native forEach or just loop with for?
Inspired by Adrian Sutton's tests at: http://www.symphonious.net/2010/10/09/javascript-performance-for-vs-foreach/
This one adds random floating point numbers to see if the loop overhead is significant at all in the face of standard work.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
var i,
value,
length,
values = [],
sum = 0,
context = values;
for (i = 0; i < 10000; ++i) {
values[i] = Math.random();
}
function add(val) {
sum += val;
}
// custom forEach
Array.prototype.forEach2 = function(fn, c) {
//if (this === void 0 || this === null || typeof fn !== 'function') throw new TypeError;
var t = Object(this),
len = t.length >>> 0,
nc = (c === void 0 || c === null);
for (var i = 0; i < len; ++i) {
if (i in t) {
if (nc) {
fn(t[i], i, t)
} else {
fn.call(c, t[i], i, t)
}
}
}
};
i = 0;
value = 0;
length = 0;
values = [];
sum = 0;
Ready to run.
Test | Ops/sec | |
---|---|---|
for |
| ready |
for, cached length |
| ready |
for, decrement |
| ready |
for, decrement condition |
| ready |
for, post increment |
| ready |
for, assignment condition |
| ready |
for, = ... + |
| ready |
for, callback |
| ready |
for, callback.call |
| ready |
forEach |
| ready |
$.each |
| ready |
for ... in |
| ready |
custom forEach |
| ready |
for, temoin |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.