Run results for: spread + splice vs slice + spread vs filter to remove one item at given index

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:83.0) Gecko/20100101 Firefox/83.0

Browser: Firefox 83

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Filter	7511829.0 Ops/sec
Slice + spread	2259508.0 Ops/sec
Spread + splice	1944201.0 Ops/sec
Slice + splice	5428792.0 Ops/sec

Script Preparation code:

var users = [
	{ 'user': 'joey',  'age': 32 },
 	{ 'user': 'ross',    'age': 41 },
  	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },
      	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },
    	{ 'user': 'chandler', 'age': 39 },

]

Tests:

Filter
const result = users.filter((item, index) => index !== 3);
Slice + spread
const result = [...users.slice(0, 3), ...users.slice(4)];
Spread + splice
const newArray = [...users]; newArray.splice(3,1); const result = newArray;
Slice + splice
const newArray = users.slice() newArray.splice(3,1); const result = newArray;

Run results for: spread + splice vs slice + spread vs filter to remove one item at given index

Remove one item from array and return a new array with filter or slice and spread operator

Filter

Slice + spread

Spread + splice

Slice + splice