Run results for: Lodash vs Array vs For Loop iteration

Run details:

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

Browser: Chrome 122

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Array.forEach (native)

3K/s

for loop (x of arr)

2K/s

lodash _.each

991/s

Array.map (native, discarding result)

640/s

lodash _.map (discarding result)

583/s

for loop (indexed)

75/s

View exact numbers

Test name	Executions per second
✓ Array.forEach (native)	3,489 Ops/sec
for loop (x of arr)	2,087 Ops/sec
lodash _.each	991 Ops/sec
Array.map (native, discarding result)	640 Ops/sec
lodash _.map (discarding result)	583 Ops/sec
for loop (indexed)	75 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; }