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

Run details:

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

Browser: Chrome 115

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
for	65829.2 Ops/sec
foreach	81562.1 Ops/sec
some	84361.6 Ops/sec
for..of	66490.4 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