Run results for: Native filter().length vs lodash sumBy vs lodash filter().size(), for large array

As of 3/22/2022, the differences in the performance of the last three test cases have very different performances in Firefox and very similar performances in Chrome. For small arrays, see https://www.measurethat.net/Benchmarks/Show/17858/7/native-filterlength-vs-lodash-sumby-vs-lodash-filtersiz .

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 121

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

manualMethod1

113/s

manualMethod2 (with lambda function test)

113/s

lodash sumBy

43/s

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

24/s

lodash filter chaining

18/s

Filter length

17/s

View exact numbers

Test name	Executions per second
✓ manualMethod1	113 Ops/sec
✓ manualMethod2 (with lambda function test)	113 Ops/sec
lodash sumBy	43 Ops/sec
manualMethod3 (for-each loop, with lambda function test)	24 Ops/sec
lodash filter chaining	18 Ops/sec
Filter length	17 Ops/sec

HTML Preparation code:

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

Script Preparation code:

const arraySize = 500000;
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);