JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<p id='for'><code>for</code> took <em></em>ms</p>

<p id='for-of'><code>for-of</code> took: <em></em>ms</p>

JavaScript

var props = [];
for (var i = 0; i < 2354207; i++) {
    props.push(i);
}

var time = performance.now();
var n = 0;

for (var i = 0; i < props.length; i++) {
    n+=props[i];
}

var forTime = performance.now() - time;
document.querySelector("#for em").textContent = Math.round(forTime);

var time = performance.now();
var n = 0;

for (var prop of props) {
    n+=prop;
}

var forOfTime = performance.now() - time;
document.querySelector("#for-of em").textContent = Math.round(forOfTime);