Benchmark: Object mapping vs array

Tests:

Array
const zoneSchedulesData = [ { id: 1, zone: { id: 1 } }, { id: 2, zone: { id: 1 } }, { id: 3, zone: { id: 2 } }, { id: 4, zone: { id: 2 } }, { id: 5, zone: { id: 1 } } ]; const rawsData = [ { id: 1, zoneSchedule: { id: 1 } }, { id: 2, zoneSchedule: { id: 1 } }, { id: 3, zoneSchedule: { id: 2 } }, { id: 4, zoneSchedule: { id: 2 } }, { id: 5, zoneSchedule: { id: 1 } }, { id: 1, zoneSchedule: { id: 3 } }, { id: 2, zoneSchedule: { id: 3 } }, { id: 3, zoneSchedule: { id: 3 } }, { id: 4, zoneSchedule: { id: 4 } }, { id: 5, zoneSchedule: { id: 3 } }, { id: 5, zoneSchedule: { id: 4 } }, { id: 5, zoneSchedule: { id: 5 } } ]; const zoneId = 1 const array = () => { const zoneSchedules = zoneSchedulesData.filter(zs => zs.zone.id === zoneId) const zonescheduleIds = zoneSchedules.map(zs => zs.id) return raws.filter(raw => zonescheduleIds.includes(raw.zoneSchedule.id)) }
Object mapping
const zoneSchedules = { "1": { id: 1, zone: { id: 1 } }, "2": { id: 2, zone: { id: 1 } }, "3": { id: 3, zone: { id: 2 } }, "4": { id: 4, zone: { id: 2 } }, "5": { id: 5, zone: { id: 1 } } }; const raws = { "1": { id: 1, zoneSchedule: { id: 1 } }, "2": { id: 2, zoneSchedule: { id: 1 } }, "3": { id: 3, zoneSchedule: { id: 2 } }, "4": { id: 4, zoneSchedule: { id: 2 } }, "5": { id: 5, zoneSchedule: { id: 1 } }, "6": { id: 6, zoneSchedule: { id: 3 } }, "7": { id: 7, zoneSchedule: { id: 3 } }, "8": { id: 8, zoneSchedule: { id: 3 } }, "9": { id: 9, zoneSchedule: { id: 4 } }, "10": { id: 10, zoneSchedule: { id: 3 } }, "11": { id: 11, zoneSchedule: { id: 4 } }, "12": { id: 12, zoneSchedule: { id: 5 } } }; const zoneId = 1 const array = () => { const zoneSchedules = Object.values(zoneSchedulesData).filter(zs => zs.zone.id === zoneId) const zonescheduleIds = zoneSchedules.map(zs => zs.id) return Object.values(raws).filter(raw => zonescheduleIds.includes(raw.zoneSchedule.id)) }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array
Object mapping

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/95.0.4638.69 Safari/537.36

Browser/OS: Chrome 95 on Linux

View result in a separate tab

Test name	Executions per second
Array	838105700.0 Ops/sec
Object mapping	842046800.0 Ops/sec

Object mapping vs array (version: 0)

Comparing performance of: Array vs Object mapping

Created: 4 years ago by: Guest

Jump to the latest result

Array

Object mapping

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A