Run results for: Merge resources: Object.map

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser: Chrome 126

Operating system: Windows

Device Platform: Desktop

Date tested: 5 months ago

Test name	Executions per second
RESOURCE_TYPES + ...res	2535.3 Ops/sec
RESOURCE_TYPES + res[type]	127490.3 Ops/sec
RESOURCE_TYPES.map	177083.9 Ops/sec
RESOURCE_TYPES.forEach	252779.1 Ops/sec
RESOURCE_TYPES for of	94039.4 Ops/sec
RESOURCE_TYPES for let i	288608.2 Ops/sec
RESOURCE_TYPES + Map	31617.3 Ops/sec

Script Preparation code:

const SIZE = 1000
const RESOURCE_TYPES = [...Array(SIZE).fill().keys()] // 0..100
const object1 = [...Array(SIZE * .5).fill().keys()].reduce((res, idx) => ({...res, [idx + SIZE * .5]: 1}), {}) // 0..49 = undefined, 50..99 = 1
const object2 = [...Array(SIZE).fill().keys()].filter(x => x % 2).reduce((res, idx) => ({...res, [idx]: 1}), {}) // 1,3,5..97,99 = 1
const map1 = new Map(Object.keys(object1).map(k => ([+k, object1[k]])))
const map2 = new Map(Object.keys(object2).map(k => ([+k, object2[k]])))
window.DATA = {
  RESOURCE_TYPES, object1, object2, map1, map2
}

Tests:

RESOURCE_TYPES + ...res
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA RESOURCE_TYPES.reduce((res, type) => { return { ...res, [type]: (object1[type] ?? 0) + (object2[type] ?? 0) } }, object1)
RESOURCE_TYPES + res[type]
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA RESOURCE_TYPES.reduce((res, type) => { res[type] = (object1[type] ?? 0) + (object2[type] ?? 0) return res }, object1)
RESOURCE_TYPES.map
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA RESOURCE_TYPES.map((type) => { object1[type] = (object1[type] ?? 0) + (object2[type] ?? 0) })
RESOURCE_TYPES.forEach
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA RESOURCE_TYPES.forEach((type) => { object1[type] = (object1[type] ?? 0) + (object2[type] ?? 0) })
RESOURCE_TYPES for of
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA for (const type of RESOURCE_TYPES) { object1[type] = (object1[type] ?? 0) + (object2[type] ?? 0) }
RESOURCE_TYPES for let i
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA for (let i = 0; i < RESOURCE_TYPES.length; ++i) { const type = RESOURCE_TYPES[i] object1[type] = (object1[type] ?? 0) + (object2[type] ?? 0) }
RESOURCE_TYPES + Map
const {RESOURCE_TYPES, object1, object2, map1, map2} = window.DATA RESOURCE_TYPES.forEach((type) => { map1.set(type, (map1.get(type) ?? 0) + (map2.get(type) ?? 0)) })

Run results for: Merge resources: Object.map

map

RESOURCE_TYPES + ...res

RESOURCE_TYPES + res[type]

RESOURCE_TYPES.map

RESOURCE_TYPES.forEach

RESOURCE_TYPES for of

RESOURCE_TYPES for let i

RESOURCE_TYPES + Map