JS: For loop vs Array.indexOf (v134)

Revision 134 of this benchmark created on

Description

Testing speed of a standard for loop vs. Array.indexOf.

Preparation HTML

<script>
  var ar = ['aaa1', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhhh', 'aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff', 'gggg', 'hhh2'];

var func = function(el, val){
   return el == val;
}

</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js">
</script>

<script>
var lodash = _.noConflict();


Object.defineProperty(Array.prototype, "THEindexOf", {
    enumerable: false,
    value: function(elt) {
        var len = this.length;
        var from = Number(arguments[1]) || 0;
        from = (from < 0)  ? Math.ceil(from) : Math.floor(from);
        if (from < 0)
          from += len;
        for (; from < len; from++){
          if (from in this &&
              this[from] === elt)
            return from;
        }
        return -1
    }
});
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
For loop
for (var i = 0; i < ar.length; i++) {
  if (ar[i] === 'aaa1') {
    return i;
  }
}

return -1;
ready
indexOf
ar.indexOf('aaa1');
ready
For loop last with func
for (var i = 0, len=ar.length; i < len; i++) {
  if ( func(ar[i], 'hhh2') ) {
    return i;
  }

}
return -1;
ready
indexOf last
ar.indexOf('hhh2');
ready
For Loop last no func
for (var i = 0, len=ar.length; i < len; i++) {
  if ( ar[i] == 'hhh2' ) {
    return i;
  }

}
return -1;
ready
lodash last indexOf
lodash.indexOf(ar, 'hhh2');
ready
THEindexOf lastIndexOf
ar.THEindexOf('hhh2')
ready
THEindexOf firstIndexOf
ar.THEindexOf('aaa1')
ready
forEach
[].forEach.call(ar, function(i) {
  if (i === 'aaa1') {
    return i;
  }
});

return -1;
ready
forEach last
[].forEach.call(ar, function(i) {
  if (i === 'hhh2') {
    return i;
  }
});

return -1;
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.