Run results for: Test Find VS Object Attr

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 YaBrowser/23.7.5.734 Yowser/2.5 Safari/537.36

Browser: Yandex Browser 23

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Lodash find(): Result at first index	2383804.8 Ops/sec
Lodash find(): Result at middle index	2199928.8 Ops/sec
Lodash find(): Result at last index	2478684.2 Ops/sec
Lodash find(): No result	2327269.2 Ops/sec
Native find(): Result at first index	6216708.0 Ops/sec
Native find(): Result at middle index	6145240.5 Ops/sec
Native find(): Result at last index	5334168.5 Ops/sec
Native find(): No result	6100099.0 Ops/sec
Object find(): Result at first index	6472447.5 Ops/sec
Object find(): Result at middle index	6185463.5 Ops/sec
Object find(): Result at last index	6771247.0 Ops/sec
Object find(): No result	6089763.0 Ops/sec

HTML Preparation code:

<html>
    <head>
        <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
    </head>
    <body>
    </body>
</html>

Script Preparation code:

var products = [
  {
    name: "Foo",
    id: 1,
    color: "red",
    price: {
      beforeSale: 14.11,
      afterSale: 11.11,
      currency: "USD"
    }
  },
  {
    name: "Foo2",
    id: 2,
    color: "orange",
    price: {
      beforeSale: 24.22,
      afterSale: 22.22,
      currency: "USD"
    }
  },
  {
    name: "Foo3",
    id: 3,
    color: "yellow",
    price: {
      beforeSale: 44.33,
      afterSale: 33.33,
      currency: "USD"
    }
  },
  {
    name: "Foo4",
    id: 4,
    color: "brown",
    price: {
      beforeSale: 54.44,
      afterSale: 44.44,
      currency: "USD"
    }
  },
  {
    name: "Bar",
    id: 5,
    color: "green",
    price: {
      beforeSale: 64.55,
      afterSale: 55.55,
      currency: "USD"
    }
  },
  {
    name: "Bar2",
    id: 6,
    color: "purple",
    price: {
      beforeSale: 74.66,
      afterSale: 66.66,
      currency: "USD"
    }
  },
  {
    name: "Bar3",
    id: 7,
    color: "pink",
    price: {
      beforeSale: 84.77,
      afterSale: 77.77,
      currency: "USD"
    }
  },
  {
    name: "Bar4",
    id: 8,
    color: "grey",
    price: {
      beforeSale: 94.88,
      afterSale: 88.88,
      currency: "USD"
    }
  },
  {
    name: "Baz",
    id: 9,
    color: "blue",
    price: {
      beforeSale: 104.99,
      afterSale: 99.99,
      currency: "USD"
    }
  }
];

var productObject = products.reduce((result, item)=> {
  result[item.id] = item;
  return result;
}, {});



// Lodash's find()
function testFind(id) {
  return _.find(products, function (product) {
    return product.id === id;
  });
}

// Native find()
function testNativeFind(id) {
  return products.find(function (product) {
    return product.id === id;
  });
}

// Find in Object by attr
function testObjectFind(id) {
    return productObject[id]
}

Tests:

Lodash find(): Result at first index
testFind(1);
Lodash find(): Result at middle index
testFind(5);
Lodash find(): Result at last index
testFind(9);
Lodash find(): No result
testFind(20);
Native find(): Result at first index
testNativeFind(1);
Native find(): Result at middle index
testNativeFind(5);
Native find(): Result at last index
testNativeFind(9);
Native find(): No result
testNativeFind(20);
Object find(): Result at first index
testObjectFind(1);
Object find(): Result at middle index
testObjectFind(5);
Object find(): Result at last index
testObjectFind(9);
Object find(): No result
testObjectFind(20);

Run results for: Test Find VS Object Attr

Lodash find(): Result at first index

Lodash find(): Result at middle index

Lodash find(): Result at last index

Lodash find(): No result

Native find(): Result at first index

Native find(): Result at middle index

Native find(): Result at last index

Native find(): No result

Object find(): Result at first index

Object find(): Result at middle index

Object find(): Result at last index

Object find(): No result