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: one year ago

forLoop()

379K/s

mapArray()

331K/s

fromArray()

54K/s

View exact numbers

Test name	Executions per second
✓ forLoop()	379,076 Ops/sec
mapArray()	330,865 Ops/sec
fromArray()	54,010 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()