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

Run details:

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

Browser: Chrome 75

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
for lef of	21261.0 Ops/sec
for var of	21451.6 Ops/sec
for var(out) length	23108.6 Ops/sec
for var(inside) length	23289.1 Ops/sec
for var(out) length(out)	23347.6 Ops/sec
for var(inside) length(inside)	23182.6 Ops/sec
for var(out) item check	22500.7 Ops/sec
for var(inside) item check	23845.1 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