Run results for: Lodash.js vs Javascript (meanBy) 3

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Browser: Chrome 136

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
reduceMeanBy	109.6 Ops/sec
lodashMeanBy	147.5 Ops/sec
forLoopMeanBy	403.9 Ops/sec
forOfMeanBy	191.3 Ops/sec
whileMeanBy	485.2 Ops/sec
forEachMeanBy	146.4 Ops/sec

HTML Preparation code:

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

Script Preparation code:

// Sample data
const data = Array.from({ length: 1_000_000 }, (_, i) => ({ value: i % 100 }));

// 1. Lodash
function lodashMeanBy(array, fn) {
  return _.meanBy(array, fn);
}

// 2. Reduce
function reduceMeanBy(array, fn) {
  const sum = array.reduce((acc, obj) => acc + fn(obj), 0);
  return sum / array.length;
}

// 3. For loop
function forLoopMeanBy(array, fn) {
  let sum = 0;
  for (let i = 0; i < array.length; i++) {
    sum += fn(array[i]);
  }
  return sum / array.length;
}

// 4. For...of
function forOfMeanBy(array, fn) {
  let sum = 0;
  for (const item of array) {
    sum += fn(item);
  }
  return sum / array.length;
}

// 5. While loop
function whileMeanBy(array, fn) {
  let sum = 0;
  let i = 0;
  const len = array.length;
  while (i < len) {
    sum += fn(array[i++]);
  }
  return sum / len;
}

// 6. forEach
function forEachMeanBy(array, fn) {
  let sum = 0;
  array.forEach(item => {
    sum += fn(item);
  });
  return sum / array.length;
}

const accessor = obj => obj.value;

Tests:

reduceMeanBy
reduceMeanBy(data, accessor)
lodashMeanBy
lodashMeanBy(data, accessor)
forLoopMeanBy
forLoopMeanBy(data, accessor)
forOfMeanBy
forOfMeanBy(data, accessor)
whileMeanBy
whileMeanBy(data, accessor)
forEachMeanBy
forEachMeanBy(data, accessor)