Run results for: Array for vs Array for of vs Set for of vs Map for of

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser: Chrome 137

Operating system: Linux

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
Array for-loop	344129.7 Ops/sec
Array for..of	21011996.0 Ops/sec
Set for of	5668838.0 Ops/sec
Map for of	2332942.5 Ops/sec

HTML Preparation code:

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

Script Preparation code:

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

Tests:

Array for-loop
var t = 0; for(i=0, l = arr.length; i<l; i++){ t = arr[i] }
Array for..of
var t = 0; for (let value of arr) { t = value; }
Set for of
var t = 0; for (let value of set) { t = value; }
Map for of
var t = 0; for (let [key, value] of map) { t = value; }

Run results for: Array for vs Array for of vs Set for of vs Map for of

Testing the difference between native loops and find()

Array for-loop

Array for..of

Set for of

Map for of