Benchmark: Array filter vs indexOf - search, add and remove an element (objects)

Script Preparation code:

var inputSet = [];
for (var i = 0; i < 100000; i++) {
  inputSet.push({ value: Math.floor(Math.random() * 100) });
}

Tests:

array.filter
var tempResult = []; inputSet.forEach(function(input) { var stripped = tempResult.filter(function(res) { return res.value !== input.value }); if (stripped.length < tempResult.length) { tempResult = stripped; } else { tempResult = tempResult.concat([input]); } });
array.indexOf
var tempResult = []; inputSet.forEach(function(input) { var index = tempResult.findIndex(function(res) { return res.value === input.value }); if (index !== -1) { tempResult = tempResult.slice(0, index).concat(tempResult.slice(index + 1)); } else { tempResult = tempResult.concat([input]); } });

Rendered benchmark preparation results:

Previous results

Test case name	Result
array.filter
array.indexOf

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

Latest run results:

Run details: (Test run date: 5 months ago)

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

Browser/OS: Chrome 118 on Windows

Test name	Executions per second
array.filter	55.6 Ops/sec
array.indexOf	77.6 Ops/sec

Array filter vs indexOf - search, add and remove an element (objects) (version: 0)