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: 2 years ago

RESOURCE_TYPES for let i

289K/s

RESOURCE_TYPES.forEach

253K/s

RESOURCE_TYPES.map

177K/s

RESOURCE_TYPES + res[type]

127K/s

RESOURCE_TYPES for of

94K/s

RESOURCE_TYPES + Map

32K/s

RESOURCE_TYPES + ...res

3K/s

View exact numbers

Test name	Executions per second
✓ RESOURCE_TYPES for let i	288,608 Ops/sec
RESOURCE_TYPES.forEach	252,779 Ops/sec
RESOURCE_TYPES.map	177,084 Ops/sec
RESOURCE_TYPES + res[type]	127,490 Ops/sec
RESOURCE_TYPES for of	94,039 Ops/sec
RESOURCE_TYPES + Map	31,617 Ops/sec
RESOURCE_TYPES + ...res	2,535 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)) })