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; Ubuntu; Linux x86_64; rv:139.0) Gecko/20100101 Firefox/139.0

Browser: Firefox 139

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
Array for-loop	6950976.0 Ops/sec
Array for..of	3705400.0 Ops/sec
Set for of	1017015.2 Ops/sec
Map for of	593425.9 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