Benchmark: Native filter().length vs lodash sumBy vs lodash filter().size(), for small array

Native filter().length vs lodash sumBy vs lodash filter().size(), for small array (version: 7)

For large arrays, see https://www.measurethat.net/Benchmarks/Show/17859/1/native-filterlength-vs-lodash-sumby-vs-lodash-filtersiz

Comparing performance of: Filter length vs lodash sumBy vs lodash filter chaining vs manualMethod1 vs manualMethod2 (with lambda function test) vs manualMethod3 (for-each loop, with lambda function test)

Created: 2 years ago by: Registered User

Jump to the latest result

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/lodash/4.17.21/lodash.min.js"></script>

Script Preparation code:

const arraySize = 10;
window.array = _.range(arraySize).map(() => Math.random());

function manualMethod1(array) {
  let x = 0;
  let len = array.length;
  for (let i = 0; i < len; i++) {
    if (array[i] > .5) {
      x++;
    }
  }
  return x;
}

function manualMethod2(array, test) {
  let x = 0;
  let len = array.length;
  for (let i = 0; i < len; i++) {
    if (test(array[i])) {
      x++;
    }
  }
  return x;
}

function manualMethod3(array, test) {
  let x = 0;
  for (let i of array) {
    if (test(i)) {
      x++;
    }
  }
  return x;
}

Tests:

Filter length
const x = _.filter(window.array, i => i > .5).length; return x;
lodash sumBy
const x = _.sumBy(window.array, i => i > .5 ? 1 : 0); return x;
lodash filter chaining
const x = _(window.array).filter(i => i > .5).size(); return x;
manualMethod1
return manualMethod1(window.array);
manualMethod2 (with lambda function test)
return manualMethod2(window.array, i => i > .5);
manualMethod3 (for-each loop, with lambda function test)
return manualMethod3(window.array, i => i > .5);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Filter length
lodash sumBy
lodash filter chaining
manualMethod1
manualMethod2 (with lambda function test)
manualMethod3 (for-each loop, with lambda function test)

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: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:98.0) Gecko/20100101 Firefox/98.0

Browser/OS: Firefox 98 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Filter length	3658686.0 Ops/sec
lodash sumBy	4611254.0 Ops/sec
lodash filter chaining	1018792.0 Ops/sec
manualMethod1	6866456.0 Ops/sec
manualMethod2 (with lambda function test)	6364288.0 Ops/sec
manualMethod3 (for-each loop, with lambda function test)	4468477.0 Ops/sec

Native filter().length vs lodash sumBy vs lodash filter().size(), for small array (version: 7)

For large arrays, see https://www.measurethat.net/Benchmarks/Show/17859/1/native-filterlength-vs-lodash-sumby-vs-lodash-filtersiz

Comparing performance of: Filter length vs lodash sumBy vs lodash filter chaining vs manualMethod1 vs manualMethod2 (with lambda function test) vs manualMethod3 (for-each loop, with lambda function test)

Created: 2 years ago by: Registered User

Jump to the latest result

Filter length

lodash sumBy

lodash filter chaining

manualMethod1

manualMethod2 (with lambda function test)

manualMethod3 (for-each loop, with lambda function test)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A