Run results for: Object mapping vs array

Run details:

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

Browser: Chrome 95

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array	838105664.0 Ops/sec
Object mapping	842046848.0 Ops/sec

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

Run results for: Object mapping vs array

Array

Object mapping