JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<div id="output"></div>

JavaScript

var start = (new Date).getTime();
$("#output").append("Using a .length to grab array size.<br />");
var newarray = [];
for (var i = 0; i <= 2000; i++) {
    newarray.push(i);
}
for (var i = 0, len = newarray.length; i < len; i++) {
    $("#output").append(newarray[i]);
}
var diff = (new Date).getTime() - start;
$("#output").append("<br />Executed in: " + diff);

$("#output").append("<br /><br />");

var start = (new Date).getTime();
$("#output").append("Using a counter to grab array size.<br />");
var newarray = [];
var counter = 0;
for (var i = 0; i <= 2000; i++) {
    newarray.push(i);
    counter++;
}
for (var i = 0; i < counter; i++) {
    $("#output").append(newarray[i]);
}
var diff = (new Date).getTime() - start;
$("#output").append("<br />Executed in: " + diff);

$("#output").append("<br /><br />");

var start = (new Date).getTime();
$("#output").append("Using a .length to grab array size, but counting .length on every loop.<br />");
var newarray = [];
for (var i = 0; i <= 2000; i++) {
    newarray.push(i);
}
for (var i = 0; i < newarray.length; i++) {
    $("#output").append(newarray[i]);
}
var diff = (new Date).getTime() - start;
$("#output").append("<br />Executed in: " + diff);

$("#output").append("<br /><br />Keep pressing Run to get more accurate averages.");