Run results for: Find object in array by attribute

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) snap Chromium/79.0.3945.117 Chrome/79.0.3945.117 Safari/537.36

Browser: Chromium 79

Operating system: Linux

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Lodash find(): Result at first index	2218814.5 Ops/sec
Lodash find(): Result at middle index	1693714.5 Ops/sec
Lodash find(): Result at last index	1445469.5 Ops/sec
Lodash find(): No result	1444463.1 Ops/sec
For loop: Result at first index	2911934.8 Ops/sec
For loop: Result at middle index	947088.9 Ops/sec
For loop: Result at last index	581171.8 Ops/sec
For loop: No result	595216.0 Ops/sec
While loop: Result at first index	3088834.8 Ops/sec
While loop: Result at middle index	957933.8 Ops/sec
While loop: Result at last index	579809.4 Ops/sec
While loop: No Result	560087.1 Ops/sec

HTML Preparation code:

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.12.0/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"
    }
  }
];


// Lodash's find()
function testFind(name) {
  return _.find(products, function (product) {
    return product.name === name;
  });
}

// Early-escape for loop
function testFor(name) {
  var i;
  
  for (i = 0; i < products.length; i++) {
    if (products[i].name === name) {
      return products[i];
    }
  }
}

// Early escape while loop
function testWhile(name) {
  var i = 0;
  
  while(i < products.length) {
    if (products[i].name === name) {
      return products[i];
    }
    
    i++;
  }
}

Tests:

Lodash find(): Result at first index
testFind("Foo");
Lodash find(): Result at middle index
testFind("Bar");
Lodash find(): Result at last index
testFind("Baz");
Lodash find(): No result
testFind("Quux");
For loop: Result at first index
testFor("Foo");
For loop: Result at middle index
testFor("Bar");
For loop: Result at last index
testFor("Baz");
For loop: No result
testFor("Quux");
While loop: Result at first index
testWhile("Foo");
While loop: Result at middle index
testWhile("Bar");
While loop: Result at last index
testWhile("Baz");
While loop: No Result
testWhile("Quux");

Run results for: Find object in array by attribute

Testing the cheapest pattern for finding an object in a collection of objects based on attribute.

Lodash find(): Result at first index

Lodash find(): Result at middle index

Lodash find(): Result at last index

Lodash find(): No result

For loop: Result at first index

For loop: Result at middle index

For loop: Result at last index

For loop: No result

While loop: Result at first index

While loop: Result at middle index

While loop: Result at last index

While loop: No Result