Benchmark: Array.filter 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 = [];
    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);

Historical Performance Data aggregated from 32 community runs

Desktop Results:

Chrome 26 runs

push

623K/s

filter

156K/s

Fastest: push (4.0x faster)

View exact numbers

✓ push: 622,615 ops/sec
• filter: 156,194 ops/sec

Firefox 6 runs

push

391K/s

filter

256K/s

Fastest: push (1.5x faster)

View exact numbers

✓ push: 391,217 ops/sec
• filter: 256,395 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter
push

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 8 months ago)

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

Browser/OS: Chrome 142 on Windows

View result in a separate tab

push

889K/s

filter

867K/s

View exact numbers

Test name	Executions per second
✓ push	889,490 Ops/sec
filter	867,294 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's break down what's being tested in the provided JSON benchmark.

**Benchmark Definition:**
The benchmark is comparing two approaches to remove elements from an array:

1. `Array.prototype.filter()`: This is a built-in JavaScript method that creates a new array with all elements that pass the test implemented by the provided function (in this case, `oddNum`).
2. Custom implementation: `Array.prototype.pushFilter()`: This is a custom implementation of filtering an array by pushing elements to a new array instead of using the built-in `filter()` method.

**Options compared:**

* Built-in `Array.prototype.filter()`
* Custom implementation of `pushFilter()`

**Pros and Cons:**

* **Built-in `Array.prototype.filter()`**:
	+ Pros:
		- Well optimized for performance by JavaScript engines.
		- Widely supported and widely tested.
		- Simple to understand and use.
	+ Cons:
		- Limited control over the filtering process.
		- May not be suitable for very large arrays or specific use cases.
* **Custom implementation of `pushFilter()`**:
	+ Pros:
		- Provides more control over the filtering process.
		- Can be optimized for specific use cases or performance-critical code.
	+ Cons:
		- Less widely supported and tested compared to built-in methods.
		- Requires additional overhead due to pushing elements to a new array.

**Library:**
None explicitly mentioned in the provided JSON. However, it's worth noting that `Array.prototype.pushFilter()` relies on the fact that arrays are iterable (i.e., they can be iterated over using `for...in` or `forEach()`), which is a built-in JavaScript feature.

**Special JS features or syntax:**
None explicitly mentioned in the provided JSON. However, it's worth noting that the use of `var` for variable declaration and the use of `=>` (arrows) for function definitions are supported by modern JavaScript engines.

**Other alternatives:**

* Other filtering methods could be used instead of `Array.prototype.filter()`, such as:
	+ `Array.prototype.indexOf()` or `Array.prototype.findIndex()` to find the index of an element that satisfies the condition.
	+ A custom implementation using `Array.prototype.slice()` and conditional statements.
* Alternative approaches for filtering arrays, such as using a library like Lodash or Ramda, which provide more advanced filtering options.

In summary, the benchmark is comparing the performance of two approaches to filter an array: the built-in `Array.prototype.filter()` method and a custom implementation of `pushFilter()`. The pros and cons of each approach are discussed above.

Array.filter vs push (version: 0)

Compare array ops to remove elements from array

Comparing performance of: `filter vs push`

Created: 2 years ago by: Guest

Go to the latest result

filter

push

Historical Performance Data aggregated from 32 community runs

Desktop Results:

Chrome 26 runs

Firefox 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Array.filter vs push (version: 0)

Compare array ops to remove elements from array

Comparing performance of: filter vs push

Created: 2 years ago by: Guest

Go to the latest result

filter

push

Historical Performance Data aggregated from 32 community runs

Desktop Results:

Chrome 26 runs

Firefox 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `filter vs push`