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/129.0.0.0 Safari/537.36

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

filter small

15.9M/s

slice small

10.9M/s

slice medium

5.1M/s

filter medium

4.9M/s

slice large

751K/s

filter large

469K/s

slice xlarge

65K/s

filter xlarge

32K/s

slice xxlarge

6K/s

filter xxlarge

1K/s

slice xxxlarge

279/s

filter xxxlarge

120/s

View exact numbers

Test name	Executions per second
✓ filter small	15,917,449 Ops/sec
slice small	10,928,836 Ops/sec
slice medium	5,105,015 Ops/sec
filter medium	4,874,054 Ops/sec
slice large	751,239 Ops/sec
filter large	468,725 Ops/sec
slice xlarge	65,484 Ops/sec
filter xlarge	32,267 Ops/sec
slice xxlarge	5,541 Ops/sec
filter xxlarge	1,411 Ops/sec
slice xxxlarge	279 Ops/sec
filter xxxlarge	120 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)