Run results for: Array.filter vs push

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Edg/121.0.0.0

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

push

592K/s

filter

156K/s

View exact numbers

Test name	Executions per second
✓ push	592,169 Ops/sec
filter	156,186 Ops/sec

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 = [];
    for(var i = 0, len = this.length; i < len; i++) {
      if (condition(this[i], i, this)) 
        result.push(this[i]);
    }
    return result;
  };

Tests:

filter
var result = array.filter(oddNum);
push
var result = array.pushFilter(oddNum);

Run results for: Array.filter vs push

Compare array ops to remove elements from array

filter

push