Benchmark: Remove by splice vs spliceIdx vs filter

HTML Preparation code:

<script>
  var array = ["m1c6kzws0iubt8g0zlsug14i","xalskr21dm5ke5wczew154s4i","hvbfe3uq3pmoehpilh4zpvi","ffr2btp9rihf3qce770ttke29","ymwh11qu16qwqn5vaafxhia4i","1l7rj49636ddmk3cbszitchaor","bg1njla9dvdkdlw9mbz1l9pb9","201y3ambt118dt7j7bxc6ry66r","hsgzqv2ex2j9j8znv3uzbyb9","k8tuq5ucdx1whgkdcby44pldi","2sjycnx525scxzfxfmwl7q4cxr"];
</script>

Script Preparation code:

/* these functions assume that only one element matches, so they do not loop! */

function deleteBySplice (array, element) {
  array.splice( array.indexOf( element ), 1 );
}

function deleteBySpliceIdx (array, element) {
  array.splice( element, 1 );
}

function deleteByFilter (array, element) {
  array = array.filter( el => el !== element );
}

Tests:

Delete by Splice
deleteBySplice( array, "2sjycnx525scxzfxfmwl7q4cxr" ); deleteBySplice( array, "m1c6kzws0iubt8g0zlsug14i" ); deleteBySplice( array, "1l7rj49636ddmk3cbszitchaor" );
Delete by Splice Index
deleteBySpliceIdx( array, 10 ); deleteBySpliceIdx( array, 0 ); deleteBySpliceIdx( array, 5 );
Delete by Filter
deleteByFilter( array, "2sjycnx525scxzfxfmwl7q4cxr" ); deleteByFilter( array, "m1c6kzws0iubt8g0zlsug14i" ); deleteByFilter( array, "1l7rj49636ddmk3cbszitchaor" );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Delete by Splice
Delete by Splice Index
Delete by Filter

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 17 on iOS 17.4

View result in a separate tab

Test name	Executions per second
Delete by Splice	1393693.0 Ops/sec
Delete by Splice Index	1504763.0 Ops/sec
Delete by Filter	964067.3 Ops/sec

Remove by splice vs spliceIdx vs filter (version: 0)

Deletion of an element from an array.

Comparing performance of: Delete by Splice vs Delete by Splice Index vs Delete by Filter

Created: 4 years ago by: Guest

Jump to the latest result

Delete by Splice

Delete by Splice Index

Delete by Filter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A