Benchmark: Array.splice + Array.indexOf vs Array.filter

HTML Preparation code:

<script>
  const i1 = {};
  const i2 = {};
  const i3 = {};
  const i4 = {};
  const i5 = {};
  const i6 = {};
  const i7 = {};
  const i8 = {};
  const i9 = {};
  const i10 = {};
  const array = [i1, i2, i3, i4, i5, i6, i7, i8, i9, i10];
</script>

Script Preparation code:

function spliceIt(array, element){
  const index = array.indexOf(element);
  if (index > -1) array.splice(index, 1);
}

function filterIt(array, element){
  array = array.filter(el => el !== element);
}

Tests:

Splice It
spliceIt(array, i5);
filter It
filterIt(array, i5);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Splice It
filter It

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Browser/OS: Chrome 135 on Linux

View result in a separate tab

Splice It

54.5M/s

filter It

20.3M/s

View exact numbers

Test name	Executions per second
✓ Splice It	54,478,116 Ops/sec
filter It	20,303,112 Ops/sec

Array.splice + Array.indexOf vs Array.filter (version: 1)

Test a speed difference between these 2 approaches

Comparing performance of: `Splice It vs filter It`

Created: one year ago by: Guest

Go to the latest result

Splice It

filter It

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Array.splice + Array.indexOf vs Array.filter (version: 1)

Test a speed difference between these 2 approaches

Comparing performance of: Splice It vs filter It

Created: one year ago by: Guest

Go to the latest result

Splice It

filter It

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `Splice It vs filter It`