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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/115.0

Browser: Firefox 115

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
for	57142.3 Ops/sec
foreach	26678.3 Ops/sec
some	25378.5 Ops/sec
for..of	26021.3 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