JSFiddle - React, Tailwind, and code Playground

by cvallance

HTML

<p>
    .inArray result:
    <span id="inArrayResult"></span>
</p>
<p>
    .hasOwnProperty result:
    <span id="hasOwnResult"></span>
</p>
<p>
    .indexOf result:
    <span id="indexOfResult"></span>
</p>

JavaScript

(function() {
    var collection = [ 'Value 1', 'Value 2', 'Value 3', 'Value 5' ];

    var loopCount = 1000000; //1,000,000

    //.inArray
    var inArrayStart = new Date();

    for (var i = 0; i < loopCount; i++) {
        jQuery.inArray('Value 3', collection);
    }

    var inArrayResult = new Date() - inArrayStart;
    
    //.hasOwnProperty
    var hasOwnStart = new Date();

    for (i = 0; i < loopCount; i++) {
        collection.hasOwnProperty('Value 3');
    }

    var hasOwnResult = new Date() - hasOwnStart;

    //indexOf
    var indexOfStart = new Date();

    for (i = 0; i < loopCount; i++) {
        collection.indexOf('Value 3');
    }

    var indexOfResult = new Date() - indexOfStart;
    
    //Results
    jQuery('#inArrayResult').html(inArrayResult.toString());
    jQuery('#hasOwnResult').html(hasOwnResult.toString());
    jQuery('#indexOfResult').html(indexOfResult.toString());
})();