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_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36

Browser: Chrome 89

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
fromArray()	32226.5 Ops/sec
mapArray()	267767.0 Ops/sec
forLoop()	221406.1 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()