Run results for: filter vs slice

Run details:

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

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

filter small

5.5M/s

slice small

4.0M/s

slice medium

1.7M/s

filter medium

1.7M/s

slice large

286K/s

filter large

189K/s

slice xlarge

28K/s

filter xlarge

16K/s

slice xxlarge

477/s

filter xxlarge

420/s

slice xxxlarge

67/s

filter xxxlarge

31/s

View exact numbers

Test name	Executions per second
✓ filter small	5,501,876 Ops/sec
slice small	4,007,179 Ops/sec
slice medium	1,740,370 Ops/sec
filter medium	1,707,637 Ops/sec
slice large	285,996 Ops/sec
filter large	188,961 Ops/sec
slice xlarge	28,264 Ops/sec
filter xlarge	15,977 Ops/sec
slice xxlarge	477 Ops/sec
filter xxlarge	420 Ops/sec
slice xxxlarge	67 Ops/sec
filter xxxlarge	31 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)