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

Run details:

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

Browser: Chrome 70

Operating system: Mac OS X 10.10.5

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
array.filter	6.1 Ops/sec
array.indexOf	9.2 Ops/sec

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]); } });