Benchmark: array find() vs js object

Script Preparation code:

function makeid(length) {
    var result           = '';
    var characters       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var charactersLength = characters.length;
    for ( var i = 0; i < length; i++ ) {
        result += characters.charAt(Math.floor(Math.random() * charactersLength));
    }
    return result;
}

var dataArr = [];
var dataObj = [];

for (var i = 0; i < 80000; i++) {
	var data = { id: i, displayName: makeid(5) };
  	dataArr.push(data);
  	dataObj[i] = data;
}

var toDisplay = [];

for (var i = 79000; i < 80000; i++) {
	toDisplay.push(i)
}

var toDisplaySet = new Set(toDisplay);

Tests:

prepare test
[...toDisplaySet].map(record => dataArr.find(e => e.id === record));
object
[...toDisplaySet].map(record => dataObj[record]);
array find
[...toDisplaySet].map(record => dataArr.find(e => e.id === record));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
prepare test
object
array find

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0

Browser/OS: Firefox 124 on Linux

View result in a separate tab

Test name	Executions per second
prepare test	1.8 Ops/sec
object	31722.2 Ops/sec
array find	2.0 Ops/sec

array find() vs js object (version: 1)

Comparing performance of: prepare test vs object vs array find

Created: one year ago by: Registered User

Jump to the latest result

prepare test

object

array find

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A