Run results for: Lodash vs Array vs For Loop iteration

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Browser: Chrome 107

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Array.forEach (native)	889.2 Ops/sec
lodash _.each	1207.1 Ops/sec
Array.map (native, discarding result)	680.9 Ops/sec
lodash _.map (discarding result)	1351.1 Ops/sec
for loop (x of arr)	6386.6 Ops/sec
for loop (indexed)	83.8 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)