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

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.. of

23K/s

forEach

22K/s

For

22K/s

While

21K/s

View exact numbers

Test name	Executions per second
✓ For.. of	22,978 Ops/sec
forEach	22,290 Ops/sec
For	22,253 Ops/sec
While	20,828 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:

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