Run results for: filter vs slice

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

filter small

42.9M/s

slice small

17.4M/s

slice medium

5.4M/s

filter medium

5.0M/s

slice large

644K/s

filter large

386K/s

slice xlarge

45K/s

filter xlarge

32K/s

slice xxlarge

3K/s

filter xxlarge

1K/s

slice xxxlarge

229/s

filter xxxlarge

104/s

View exact numbers

Test name	Executions per second
✓ filter small	42,896,864 Ops/sec
slice small	17,368,108 Ops/sec
slice medium	5,379,218 Ops/sec
filter medium	5,011,166 Ops/sec
slice large	644,483 Ops/sec
filter large	385,633 Ops/sec
slice xlarge	45,157 Ops/sec
filter xlarge	32,181 Ops/sec
slice xxlarge	3,269 Ops/sec
filter xxlarge	1,053 Ops/sec
slice xxxlarge	229 Ops/sec
filter xxxlarge	104 Ops/sec

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, index) => arr.filter((_, i) => i !== index);

var slice = (arr, index) => [...arr.slice(0 ,index), ...arr.slice(index+1)];

Tests:

filter small
filter(small, 5)
slice small
slice(small, 5)
filter medium
filter(medium, 50)
slice medium
slice(medium, 50)
filter large
filter(large, 500)
slice large
slice(large, 500)
filter xlarge
filter(xlarge, 5000)
slice xlarge
slice(xlarge, 5000)
filter xxlarge
filter(xxlarge, 50000)
slice xxlarge
slice(xxlarge, 50000)
filter xxxlarge
filter(xxxlarge, 50000)
slice xxxlarge
slice(xxxlarge, 500000)