Benchmark: for vs forEach() vs for...of

Script Preparation code:

const testArray = new Array(10000).fill({
    object: 'with',
    some: 'data',
});

var testFor = () => {
    const len = testArray.length;
    for (let i = 0; i < len; i += 1) {
        const {
            object,
        } = testArray[i];
    }
};

var testForEach = () => {
    testArray.forEach((item) => {
        const {
            object,
        } = item;
    });
};

var testForOf = () => {
    for (const item of testArray) {
        const {
            object,
        } = item;
    }
};

var bench = (func, count = 1) => {
    for (let i = 0; i < count; i += 1) {
        func();
    };
};

Tests:

for
testFor()
foreach
testForEach()
for..of
testForOf()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for
foreach
for..of

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 7 months ago)

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

Browser/OS: Opera 102 on Windows

View result in a separate tab

Test name	Executions per second
for	212911.9 Ops/sec
foreach	265920.8 Ops/sec
for..of	177743.9 Ops/sec

for vs forEach() vs for...of (version: 18)

Compare loop performance

Comparing performance of: for vs foreach vs for..of

Created: 9 months ago by: Registered User

Jump to the latest result

for

foreach

for..of

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A