Run results for: Array.from vs Array.map vs native for loop

Run details:

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

Browser: Chrome 138

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 9 months ago

Test name	Executions per second
fromArray()	54009.9 Ops/sec
mapArray()	330865.1 Ops/sec
forLoop()	379076.2 Ops/sec

Script Preparation code:

const dataList = new Array(1000).fill({
    name: 'foo'
});

function fromArray() {
    return Array.from(dataList, ({
        name
    }) => name);
}

function mapArray() {
    return dataList.map(({
        name
    }) => name);
}

function forLoop() {
    const newList = [];
    for (const item of dataList) {
        newList.push(item);
    }
    return newList;
}

Tests:

fromArray()
fromArray()
mapArray()
mapArray()
forLoop()
forLoop()