Run results for: Object key vs Array Filter

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 YaBrowser/24.7.0.0 Safari/537.36

Browser: Yandex Browser 24

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Find by object keys

151K/s

Find from array using function reference

50K/s

View exact numbers

Test name	Executions per second
✓ Find by object keys	151,101 Ops/sec
Find from array using function reference	49,589 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