Run results for: array find vs lodash find vs object lookup

Run details:

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: Chrome 104

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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

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;

Run results for: array find vs lodash find vs object lookup

array find

lodash array _.find

object lookup

object lookup 2

object lookup 3