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

Test name	Executions per second
Array.forEach (native)	3368.9 Ops/sec
lodash _.each	957.2 Ops/sec
Array.map (native, discarding result)	598.7 Ops/sec
lodash _.map (discarding result)	679.5 Ops/sec
for loop (x of arr)	4980.0 Ops/sec
for loop (indexed)	74.7 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; }

Run results for: Lodash vs Array vs For Loop iteration

Array.forEach (native)

lodash _.each

Array.map (native, discarding result)

lodash _.map (discarding result)

for loop (x of arr)

for loop (indexed)