Run results for: for vs forEach() vs for...of

Run details:

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: Opera 102

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

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

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()

Run results for: for vs forEach() vs for...of

Compare loop performance

for

foreach

for..of