Run results for: For Loops

Run details:

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

Browser: Chrome 76

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Classic For Loop	99401.6 Ops/sec
For Each	283611.5 Ops/sec
Minified For Loop ES6	105116.1 Ops/sec
Minified For Each ES6	277316.8 Ops/sec

HTML Preparation code:

<script>
let widest = {"x":222,"y":126,"width":1,"height":1,"color":"#000000","type":"rectangle"};
let map = [{"x":222,"y":126,"width":342,"height":103,"color":"#000000","type":"rectangle"},{"x":564,"y":229,"width":482,"height":-59,"color":"#000000","type":"rectangle"},{"x":870,"y":64,"width":176,"height":106,"color":"#000000","type":"rectangle"},{"x":1463,"y":99,"width":-1053,"height":421,"color":"#000000","type":"rectangle"},{"x":187,"y":373,"width":223,"height":147,"color":"#000000","type":"rectangle"},{"x":504,"y":709,"width":-199,"height":-96,"color":"#006400","type":"rectangle"},{"x":306,"y":614,"width":12,"height":-425,"color":"#000000","type":"rectangle"},{"x":765,"y":322,"width":-447,"height":-133,"color":"#FFFF00","type":"rectangle"},{"x":805,"y":832,"width":-375,"height":98,"color":"#FF0000","type":"rectangle"},{"x":431,"y":930,"width":-252,"height":-154,"color":"#000000","type":"rectangle"},{"x":65,"y":524,"width":114,"height":252,"color":"#FF4500","type":"rectangle"},{"x":900,"y":339,"width":60,"height":283,"color":"#FFFFFF","type":"rectangle"},{"x":960,"y":622,"width":-348,"height":-174,"color":"#000000","type":"rectangle"},{"x":804,"y":776,"width":-192,"height":-329,"color":"#800080","type":"rectangle"},{"x":873,"y":137,"width":17,"height":201,"color":"#006400","type":"rectangle"},{"x":890,"y":337,"width":-779,"height":-102,"color":"#000000","type":"rectangle"},{"x":148,"y":316,"width":-38,"height":-82,"color":"#FFFF00","type":"rectangle"},{"x":78,"y":141,"width":1,"height":0,"color":"#000000","type":"rectangle"},{"x":78,"y":141,"width":302,"height":363,"color":"#FF0000","type":"rectangle"},{"x":380,"y":504,"width":1,"height":0,"color":"#000000","type":"rectangle"},{"x":608,"y":723,"width":-173,"height":-250,"color":"#00FF00","type":"rectangle"},{"x":435,"y":473,"width":36,"height":-53,"color":"#000000","type":"rectangle"},{"x":270,"y":249,"width":201,"height":171,"color":"#FF4500","type":"rectangle"},{"x":684,"y":290,"width":107,"height":280,"color":"#0000FF","type":"rectangle"},{"x1":791,"y1":570,"x2":363,"y2":631,"color":"#000000","thickness":"1","type":"line"},{"x1":473,"y1":653,"x2":693,"y2":747,"color":"#000000","thickness":"1","type":"line"},{"x1":343,"y1":253,"x2":164,"y2":639,"color":"#000000","thickness":"1","type":"line"},{"x1":250,"y1":756,"x2":630,"y2":800,"color":"#000000","thickness":"1","type":"line"},{"x1":890,"y1":763,"x2":796,"y2":70,"color":"#000000","thickness":"1","type":"line"},{"x1":544,"y1":49,"x2":720,"y2":869,"color":"#000000","thickness":"1","type":"line"},{"x":80,"y":848,"radius":325.39975414864716,"color":"#000000","type":"circle"},{"x":796,"y":409,"radius":130.728726758888,"color":"#000000","type":"circle"},{"x":773,"y":771,"radius":88.54942122905152,"color":"#3eeb34","type":"circle"},{"x":416,"y":126,"radius":135.1184665395519,"color":"#3eeb34","type":"circle"},{"x":269,"y":854,"radius":118.9663818059539,"color":"#2338fc","type":"circle"},{"x":116,"y":292,"radius":132.9661611087573,"color":"#2338fc","type":"circle"},{"x":843,"y":344,"radius":111.8659912573969,"color":"#f22d95","type":"circle"},{"x":751,"y":111,"radius":41,"color":"#f22d95","type":"circle"},{"x":494,"y":465,"radius":136.23509092741122,"color":"#f22d95","type":"circle"}];
</script>

Tests:

Classic For Loop
for (var i = 1; i < map.length; i++) { if (map[i].width > widest.width) widest = map[i]; }
For Each
map.forEach(e => { if (e.width > widest.width) widest = e; });
Minified For Loop ES6
for(let t=1;t<map.length;t++)map[t].width>widest.width&&(widest=map[t]);
Minified For Each ES6
map.forEach(d=>{d.width>widest.width&&(widest=d)});

Testing the speeds of different for loops.

Classic For Loop

For Each

Minified For Loop ES6

Minified For Each ES6