Benchmark: for vs for in vs for each vs for of

Tests:

for
const arr = [1,2,3,4,5,6,7,8,9,10]; for (var i = 0; i < arr.length; i++){ var number = arr[i]; }
for of
const arr = [1,2,3,4,5,6,7,8,9,10]; for (var n of arr){ var number = n; }
for in
const arr = [1,2,3,4,5,6,7,8,9,10]; for (var i in arr){ var number = arr[i]; }
forEach
const arr = [1,2,3,4,5,6,7,8,9,10]; arr.forEach(n => { var number = n; });
for 2
const arr = [1,2,3,4,5,6,7,8,9,10]; for (var i = 0, n = arr.length; i < n; i++){ var number = arr[i]; }
while with shift
const arr = [1,2,3,4,5,6,7,8,9,10]; while(arr.length) { var number = arr.shift(); }
while
const arr = [1,2,3,4,5,6,7,8,9,10]; var i = 0; var n = arr.length; while(i < n) { var number = arr[i]; ++i; }
while with length reduction
const arr = [1,2,3,4,5,6,7,8,9,10]; var len = arr.length; while (len--) { var number = arr[len]; }
for reverse
const arr = [1,2,3,4,5,6,7,8,9,10]; for (var i = arr.length; i >= 0; --i){ var number = arr[i]; }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15

Browser/OS: Safari 13 on Mac OS X 10.15.3

for vs for in vs for each vs for of (version: 7)