Run results for: Object key vs Array Filter

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 DuckDuckGo/7 Safari/605.1.15

Browser: Mobile Safari 15

Operating system: iOS 15.4

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Find from array using function reference	30288.5 Ops/sec
Find by object keys	68947.9 Ops/sec

Script Preparation code:

var arrayHandlers = [];
var objectHandlers = {};

var handlersCount = 100;

var functionHandlersToFind = [];
var hashesToFind = [];

var generateHash = function(ix) {
    return 'hdl' + ix;
}

var createHandler = function() {
    return function(data) {
        return "#Count:" + data;
    }
};

for (let i = 0; i < handlersCount; i++) {
    let theNewHandler = createHandler();
    arrayHandlers.push(theNewHandler);
    functionHandlersToFind.push(theNewHandler);
    let generatedHash = generateHash(i);
    objectHandlers[generatedHash] = theNewHandler;
    hashesToFind.push(generatedHash);
}

Tests:

Find from array using function reference
functionHandlersToFind.forEach((fnHandler) => arrayHandlers.find(handler => handler === fnHandler))
Find by object keys
hashesToFind.forEach((hash, ix) => objectHandlers[hash])

Run results for: Object key vs Array Filter

Access an stored element through object property key vs array filtering. Util for handlers references, when you need to store handlers and have acces for them later.

Find from array using function reference

Find by object keys