Run results for: Lodash vs Array vs For Loop iteration

Run details:

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

Browser: Firefox 137

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

for loop (indexed)

10K/s

for loop (x of arr)

4K/s

Array.forEach (native)

3K/s

lodash _.each

3K/s

Array.map (native, discarding result)

2K/s

lodash _.map (discarding result)

2K/s

View exact numbers

Test name	Executions per second
✓ for loop (indexed)	10,140 Ops/sec
for loop (x of arr)	3,546 Ops/sec
Array.forEach (native)	2,764 Ops/sec
lodash _.each	2,754 Ops/sec
Array.map (native, discarding result)	1,731 Ops/sec
lodash _.map (discarding result)	1,646 Ops/sec

HTML Preparation code:

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

Script Preparation code:

const smol = 100000; // 100,000 (100 Thousand)
const meed = 10000000; // 10,000,000 (10 Million)
const beeg = 100000000; // 100,000,000 (100 Million)

var size = smol

var arr2 = [];
for (let ii = 0; ii < size; ii += 1) { arr2.push(ii); }

Tests:

Array.forEach (native)
let twice arr2.forEach(function (el, index) { twice = el * 2; });
lodash _.each
let twice _.each(arr2, function (el, index) { twice = el * 2; });
Array.map (native, discarding result)
let twice arr2.map(function (el, index) { twice = el * 2; });
lodash _.map (discarding result)
let twice _.map(arr2, function (el, index) { twice = el * 2; });
for loop (x of arr)
let twice for (const el of arr2) { twice = el * 2; }
for loop (indexed)
let twice for (let ii = 0; ii < arr2.length; ii += 1) { twice = arr2[ii] * 2; }