Benchmark: Array.from vs Array.map vs native for loop

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()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
fromArray()
mapArray()
forLoop()

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Browser/OS: Chrome 97 on Linux

View result in a separate tab

Test name	Executions per second
fromArray()	11325.7 Ops/sec
mapArray()	105340.8 Ops/sec
forLoop()	75031.1 Ops/sec

Array.from vs Array.map vs native for loop (version: 0)

Comparing performance of: fromArray() vs mapArray() vs forLoop()

Created: 3 years ago by: Registered User

Jump to the latest result

fromArray()

mapArray()

forLoop()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A