Run results for: Remove by splice vs copyWithin vs filter (numeric array)

Run details:

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

Browser: Chrome 62

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Delete by Splice	151076.2 Ops/sec
Delete by copyWithin	151605.3 Ops/sec
Delete by Filter	85243.5 Ops/sec

HTML Preparation code:

<script>
  var array = [];
  for(let i = 0; i < 1000; i++) {array[i] = i;}
</script>

Script Preparation code:

/* these functions assume that only one element matches, so they do not loop! */

function deleteBySplice (array, element) {
  var index = array.indexOf( element );
  if (index !== -1) {
  	array.splice( index, 1 );
  }
}

function deleteByCopyWithin (array, element) {
  var index = array.indexOf( element );
  if (index !== -1) {
  	array.copyWithin( index, index + 1 );
    --array.length;
  }
}

function deleteByFilter (array, element) {
  array = array.filter( el => el !== element );
}

Tests:

Delete by Splice
deleteBySplice( array, 21 ); deleteBySplice( array, 304 ); deleteBySplice( array, 777 );
Delete by copyWithin
deleteByCopyWithin( array, 21 ); deleteByCopyWithin( array, 304 ); deleteByCopyWithin( array, 777 );
Delete by Filter
deleteByFilter( array, 21 ); deleteByFilter( array, 304 ); deleteByFilter( array, 777 );

Run results for: Remove by splice vs copyWithin vs filter (numeric array)

Deletion of an element from an array.

Delete by Splice

Delete by copyWithin

Delete by Filter