Run results for: Array for vs Array for of vs Set for of vs Set forEach * 100

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/111.0.5563.101 Mobile/15E148 Safari/604.1

Browser: Chrome Mobile iOS 111

Operating system: iOS 16.3

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Array for-loop	48341.4 Ops/sec
Array for..of	168534.3 Ops/sec
Set for of	164119.5 Ops/sec
Set forEach	159388.9 Ops/sec

HTML Preparation code:

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

Script Preparation code:

window.fn = function fn() {}
window.arr = new Array(100).fill(0).map((x, i) => i.toString());
window.set = new Set(arr);

Tests:

Array for-loop
for(i=0, l = arr.length; i<l; i++){ fn(arr[i]); }
Array for..of
for (let value of arr) { fn(value); }
Set for of
for (let value of set) { fn(value); }
Set forEach
set.forEach(value => fn(value));

Run results for: Array for vs Array for of vs Set for of vs Set forEach * 100

Testing the difference between native loops and find()

Array for-loop

Array for..of

Set for of

Set forEach