Benchmark: Array.filter vs splice vs push --

Script Preparation code:

  var array = [];
  for (var idx = 0; idx < 1000; idx++) {
    array[idx] = idx;
  }
  
  function oddNum(item) {
    return item % 2;
  }
  
  // Create a new array and push to it
  Array.prototype.pushFilter = function(condition) {
    // Create a new array and push to it
    var result = [],
        i, len;
    for(i = 0, len = this.length; i < len; i++) {
      if (condition(this[i], i, this)) 
        result.push(this[i]);
    }
    return result;
  };
  
  // Clone array and then remove items
  Array.prototype.spliceFilter = function(condition) {
    var result = this.slice(),
        i = result.length;
    while (i--) {
      if (!condition(result[i], i, this))
        result.splice(i, 1);
    }
    return result;
  };
  
  // Create a new array and push to it with 'this' arg
  Array.prototype.pushFilterThis = function(condition, thisArg) {
    // Create a new array and push to it
    var result = [],
        i, len;
    for(i = 0, len = this.length; i < len; i++) {
      if(condition.call(thisArg, this[i], i, this)) 
        result.push(this[i]);
    }
    return result;
  };
  
  // Clone array and then remove items with 'this' arg
  Array.prototype.spliceFilterThis = function(condition, thisArg) {
    var result = this.slice(),
        i = result.length;
    while (i--) {
      if (!condition.call(thisArg, result[i], i, this))
        result.splice(i, 1);
    }
    return result;
  };

Tests:

splice with 'this'
var result = array.spliceFilterThis(oddNum, {});
push with 'this'
var result = array.pushFilterThis(oddNum, {});
splice
var result = array.spliceFilter(oddNum);
filter
var result = array.filter(oddNum);
push
var result = array.pushFilter(oddNum);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
splice with 'this'
push with 'this'
splice
filter
push

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Array.filter vs splice vs push -- (version: 0)

Compare array ops to remove elements from array

Comparing performance of: splice with 'this' vs push with 'this' vs splice vs filter vs push

Created: one year ago by: Guest

Jump to the latest result

splice with 'this'

push with 'this'

splice

filter

push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results