Run results for: Range vs for of

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser: Chrome 106

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
for	422.0 Ops/sec
range	688.3 Ops/sec

Script Preparation code:

function* range(lo, hi) {
    for (let i = lo; i < hi; i++) {
        yield i;
    }
}

window.arr = new Array(10000);

for (const i of range(0, 10000)) {
    arr[i] = i;
}

​x
 
function* range(lo, hi) {    for (let i = lo; i < hi; i++) {        yield i;    }}​window.arr = new Array(10000);​for (const i of range(0, 10000)) {    arr[i] = i;}

Tests:

for

let sum = 0;
for (let i = 0; i < arr.length; i++) {
  sum += arr[i];
}

 
let sum = 0;for (let i = 0; i < arr.length; i++) {  sum += arr[i];}

range

let sum = 0;
for (const i of range(0, arr.length)) {
  sum += arr[i];
}

 
let sum = 0;for (const i of range(0, arr.length)) {  sum += arr[i];}