Benchmark: Object.assign vs Object.fromEntries

Script Preparation code:

function createArray(propsCount) {
    const arr = []
    for (let i = 0; i < propsCount; i += 1) {
        arr.push({
            active: i % 5 === 0
        })
    }
    return arr
}

var users = createArray(1000)

Tests:

Reduce
users.reduce((acc, curr) => { if (curr.active) { return acc } return { ...acc, [curr.id]: curr.name } })
Map Filter Reduce Assign
users.filter((user) => !user.active).map((user) => ({ [user.id]: user.name })).reduce(Object.assign, {})
From Entries
const a = users.filter((user) => !user.active).map((user) => [user.id, user.name]) Object.fromEntries(a)
Object Assign
Object.assign( {}, ...users.filter((user) => !user.active).map((user) => ({ [user.id]: user.name })) )

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Reduce
Map Filter Reduce Assign
From Entries
Object Assign

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: one month ago)

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

Browser/OS: Opera 107 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Reduce	26707.5 Ops/sec
Map Filter Reduce Assign	24.4 Ops/sec
From Entries	34742.3 Ops/sec
Object Assign	62288.6 Ops/sec

Object.assign vs Object.fromEntries (version: 0)

Comparing performance of: Reduce vs Map Filter Reduce Assign vs From Entries vs Object Assign

Created: one month ago by: Guest

Jump to the latest result

Reduce

Map Filter Reduce Assign

From Entries

Object Assign

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A