Run results for: for lef of OR for var of OR for var length - v3

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36

Browser: Chrome 89

Operating system: Mac OS X 11.2.3

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
for lef of	29029.2 Ops/sec
for var of	28889.9 Ops/sec
for var(out) length	29838.9 Ops/sec
for var(inside) length	29375.2 Ops/sec
for var(out) length(out)	29928.3 Ops/sec
for var(inside) length(inside)	30177.2 Ops/sec
for var(out) item check	29894.3 Ops/sec
for var(inside) item check	29737.0 Ops/sec

HTML Preparation code:

<div class="list-container">
  <div class="list-item"></div>
  <div class="list-item"></div>
  <div class="list-item"></div>
  <div class="list-item"></div>
  <div class="list-item"></div>
</div>

Script Preparation code:

var $allItens = document.getElementsByClassName('list-item');

Tests:

for lef of
for (let $item of $allItens) { console.log($item); }
for var of
for (var $item of $allItens) { console.log($item); }
for var(out) length
var i = 0; for (i; i < $allItens.length; i++) { console.log($allItens[i]); }
for var(inside) length
for (var i = 0; i < $allItens.length; i++) { console.log($allItens[i]); }
for var(out) length(out)
var i = 0, l = $allItens.length; for (i; i < l; i++) { console.log($allItens[i]); }
for var(inside) length(inside)
for (var i = 0, l = $allItens.length; i < l; i++) { console.log($allItens[i]); }
for var(out) item check
var i = 0; for (i; $allItens[i]; i++) { console.log($allItens[i]); }
for var(inside) item check
for (var i = 0; $allItens[i]; i++) { console.log($allItens[i]); }

Run results for: for lef of OR for var of OR for var length - v3

for lef of

for var of

for var(out) length

for var(inside) length

for var(out) length(out)

for var(inside) length(inside)

for var(out) item check

for var(inside) item check