Benchmark: filter vs slice pop last

Script Preparation code:

var small = Array.from({ length: 10 }, (_, i) => i);
var medium = Array.from({ length: 100 }, (_, i) => i);
var large = Array.from({ length: 1000 }, (_, i) => i);
var xlarge = Array.from({ length: 10000 }, (_, i) => i);
var xxlarge = Array.from({ length: 100000 }, (_, i) => i);
var xxxlarge = Array.from({ length: 1000000 }, (_, i) => i);
var xxxxlarge = Array.from({ length: 10000000 }, (_, i) => i);

var filter = (arr) => arr.filter((_, i, array) => i !== array.length -1);

var slice = (arr) => arr.slice(0, -1);

Tests:

filter small
filter(small)
slice small
slice(small)
filter medium
filter(medium)
slice medium
slice(medium)
filter large
filter(large)
slice large
slice(large)
filter xlarge
filter(xlarge)
slice xlarge
slice(xlarge)
filter xxlarge
filter(xxlarge)
slice xxlarge
slice(xxlarge)
filter xxxlarge
filter(xxxlarge)
slice xxxlarge
slice(xxxlarge)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter small
slice small
filter medium
slice medium
filter large
slice large
filter xlarge
slice xlarge
filter xxlarge
slice xxlarge
filter xxxlarge
slice xxxlarge

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided benchmark measures the performance of two JavaScript methods: `Array.prototype.filter()` and `Array.prototype.slice()`. The test cases create arrays of varying sizes (small, medium, large, xlarge, xxlarge, and xxxlarge) and measure the time taken to execute these methods on each array.

**Options Compared**

The benchmark compares the performance of:

1. `filter()`: Removes elements from an array that do not pass a provided test (in this case, no test is applied).
2. `slice()`: Returns a shallow copy of a portion of an array.

Both methods have different use cases and performance characteristics.

**Performance Comparison**

The benchmark results show the execution time for each method on each array size:

* `filter()`: Generally faster than `slice()` for smaller arrays (small, medium), but slower for larger arrays (large, xlarge).
* `slice()`: Faster than `filter()` for larger arrays (large, xlarge), since it only creates a new array without modifying the original.

**Why this happens**

The performance difference between `filter()` and `slice()` arises from their respective implementation details:

* `filter()`: Creates a new array by iterating over the elements of the original array and adding only the elements that pass the test. This can be slower for large arrays since it involves creating a new array.
* `slice()`: Returns a shallow copy of a portion of an array, which means it only creates a new array with references to the same elements as the original array. This is generally faster than `filter()` because it avoids the overhead of creating a new array.

**Conclusion**

The benchmark demonstrates that for smaller arrays, `filter()` can be faster due to its simplicity and minimal overhead. However, for larger arrays, `slice()` outperforms `filter()` since it only creates a new array without modifying the original. The choice between these methods depends on the specific use case and performance requirements.

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 102 on Windows

View result in a separate tab

Test name	Executions per second
filter small	3912902.2 Ops/sec
slice small	4171581.2 Ops/sec
filter medium	1463701.6 Ops/sec
slice medium	3876390.2 Ops/sec
filter large	187942.2 Ops/sec
slice large	1500324.6 Ops/sec
filter xlarge	23060.0 Ops/sec
slice xlarge	194632.7 Ops/sec
filter xxlarge	766.8 Ops/sec
slice xxlarge	2832.0 Ops/sec
filter xxxlarge	57.7 Ops/sec
slice xxxlarge	389.3 Ops/sec

Related benchmarks:

filter vs slice pop last (version: 0)

Comparing performance of: filter small vs slice small vs filter medium vs slice medium vs filter large vs slice large vs filter xlarge vs slice xlarge vs filter xxlarge vs slice xxlarge vs filter xxxlarge vs slice xxxlarge

Created: 2 years ago by: Guest

Jump to the latest result

filter small

slice small

filter medium

slice medium

filter large

slice large

filter xlarge

slice xlarge

filter xxlarge

slice xxlarge

filter xxxlarge

slice xxxlarge

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):