Run results for: JavaScript for() vs for..in vs forEach() vs _.forEach() vs _.forEachRight()

Run details:

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

Browser: Chrome 84

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 3 years ago

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

Native for()
let arr = [0,1,2,3,4,5,6,7,8,9]; let acum = 0; for (let i = 0; i < arr.length; i += 1) { acum += arr[i]; }
Native for..in
let arr = [0,1,2,3,4,5,6,7,8,9]; let acum = 0; for (let item in arr) { acum += item; }
Native forEach()
let arr = [0,1,2,3,4,5,6,7,8,9]; let acum = 0; arr.forEach(function (item) {acum += item});
Lodash _.forEach()
let arr = [0,1,2,3,4,5,6,7,8,9]; let acum = 0; _.forEach(arr, function (item) {acum += item});
Lodash _.forEachRight()
let arr = [0,1,2,3,4,5,6,7,8,9]; let acum = 0; _.forEachRight(arr, function (item) {acum += item});