Run results for: for..in vs for..of vs classic for

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

Browser: Chrome 94

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

HTML Preparation code:

<div id='test'></div>

Tests:

classic for
const arr = Array.from(Array(1000000).keys()); const odds = [] for(i=0; i<arr.length; i++){ const value = arr[i]; odds[i] = (value%2 === 0) ? 'odd' : 'even'; }
for..of
const arr = Array.from(Array(1000000).keys()); const odds = [] for (const value of arr) { odds[value] = (value%2 === 0) ? 'odd' : 'even'; }
for..in
const arr = Array.from(Array(1000000).keys()); const odds = [] for (const value in arr) { odds[value] = (value%2 === 0) ? 'odd' : 'even'; }