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

Browser: Chrome 136

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

filter small

42.8M/s

slice small

15.6M/s

filter medium

5.0M/s

slice medium

4.8M/s

slice large

603K/s

filter large

378K/s

slice xlarge

39K/s

filter xlarge

27K/s

slice xxlarge

2K/s

filter xxlarge

942/s

slice xxxlarge

219/s

filter xxxlarge

95/s

View exact numbers

Test name	Executions per second
✓ filter small	42,823,560 Ops/sec
slice small	15,628,265 Ops/sec
filter medium	4,953,144 Ops/sec
slice medium	4,819,674 Ops/sec
slice large	603,317 Ops/sec
filter large	377,575 Ops/sec
slice xlarge	39,148 Ops/sec
filter xlarge	26,905 Ops/sec
slice xxlarge	2,033 Ops/sec
filter xxlarge	942 Ops/sec
slice xxxlarge	219 Ops/sec
filter xxxlarge	95 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)