JSFiddle - React, Tailwind, and code Playground

by agup

HTML

<button id="start">Start</button>
<div id="seek"></div>
<div id="loop"></div>
<div id="some"></div>
<div id="filter"></div>
<div id="object"></div>

JavaScript

var largeArrayLength = 300;
    var testLoopLength = 300;
    var largeArray;
    var largeArrayIndex;
    var largeArrayIndex;
    var largeObject;
    var averageArraySeek;
    var averageArrayLoop;
    var averageArraySome;
    var averageArrayFilter;
    var averageObject;
    var seekDiv = document.getElementById("seek");
    var loopDiv = document.getElementById("loop");
    var someDiv = document.getElementById("some");
    var filterDiv = document.getElementById("filter");
    var startBtn = document.getElementById("start");
    var objectDiv = document.getElementById("object");

    startBtn.onclick = function (evt) {
        start();
    }

    window.performance = window.performance || {};
    performance.now = (function () {
        return performance.now ||
                performance.mozNow ||
                performance.msNow ||
                performance.oNow ||
                performance.webkitNow ||
                function () {
                    return new Date().getTime();
                };
    })();

    function start() {
        largeArray = [];
        largeArrayIndex = [];
        largeObject = {};
        averageArraySeek = [];
        averageArrayLoop = [];
        averageArraySome = [];
        averageArrayFilter = [];
        averageObject = [];

        for (var i = 0; i< largeArrayLength; i++) {
            largeArray.push({name: i + "test", image: image});
            largeArrayIndex.push(i + "test");
            largeObject[i+"test"] = image;
        }

        for (var n = 0; n
                < testLoopLength; n++) {
            console.log("COUNT " + n)

            var max = testLoopLength - 1;
            var min = 0;
            var randomNumber = Math.floor(Math.random() * (max - min + 1) + min);
            console.log("RANDOM Number = " + randomNumber)

            var start = performance.now();

            var beginSeek = performance.now();
            var index = largeArrayIndex.indexOf(randomNumber + "test", 0);
...