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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36

Browser: Chrome 86

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Filter	10015589.0 Ops/sec
Slice + spread	3777256.0 Ops/sec
Spread + splice	7321734.5 Ops/sec
Slice + splice	7843198.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