Benchmark: array find vs lodash find vs object lookup

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.js"></script>

Script Preparation code:

var size = 1000;
var arr = [size];
var obj = {};
var objTree = {sub:{}};

for (var i = 0; i < size; i++) {
  	let entry={
        id: 'id' + i,
        value: 'value' + i
    };
    arr.push(entry);
    obj['id' + i] = entry;
    objTree.sub['id' + i] = entry;
}

Tests:

array find
var b = arr.find(item => item.id === 'id500');
lodash array _.find
var b = _.find(arr, {id: "id500"});
object lookup
var b = obj.id500;
object lookup 2
var b = obj['id500'];
object lookup 3
var b = obj.id500;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
array find
lodash array _.find
object lookup
object lookup 2
object lookup 3

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 year ago)

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

Browser/OS: Chrome 104 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
array find	179648.6 Ops/sec
lodash array _.find	72528.3 Ops/sec
object lookup	13678460.0 Ops/sec
object lookup 2	13739540.0 Ops/sec
object lookup 3	13689480.0 Ops/sec

array find vs lodash find vs object lookup (version: 0)

Comparing performance of: array find vs lodash array _.find vs object lookup vs object lookup 2 vs object lookup 3

Created: one year ago by: Guest

Jump to the latest result

array find

lodash array _.find

object lookup

object lookup 2

object lookup 3

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A