Run results for: For of vs For vs forEach vs While

Run details:

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

Browser: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

For

23K/s

forEach

23K/s

While

22K/s

For.. of

19K/s

View exact numbers

Test name	Executions per second
✓ For	22,964 Ops/sec
forEach	22,525 Ops/sec
While	22,259 Ops/sec
For.. of	18,548 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const array = []
let i = 10000
while (i--) {
    array.push(i)
}

function whileLoop() {
    const newArray = []
    let i = array.length

    while (i--) {
        newArray.push(array[i])
    }
    return newArray
}

function forLoop() {
    const newArray = []
    for (let i = 0; i < array.length; i++) {
        newArray.push(array[i])
    }
    return newArray
}

function forOfLoop() {
    const newArray = []
    for (const item of array) {
        newArray.push(item)
    }
    return newArray
}

function forEachLoop() {
    const newArray = []
    array.forEach(item => {
        newArray.push(item)
    })
}

Tests:

For
forLoop()
For.. of
forOfLoop()
forEach
forEachLoop()
While
whileLoop()