Run results for: Reduce vs map with Object.assign 1

Run details:

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

Browser: Chrome 102

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Reduce	573759.6 Ops/sec
Map with Object assign	619023.2 Ops/sec

Tests:

Reduce
const answers = [ { "uuid": "38913ba2-98fa-48b3-bb2a-ac9d550a1e1a", "answers": [ { "questionUuid": "097707bb-c20d-41a5-8dad-22e2b54dcfd4", "value": "2022-06-04T12:00:00+01:00" }, { "questionUuid": "c6866d6f-dadf-457c-9ef5-4973b2c5d3b3", "value": "fdgsfdg" }, { "questionUuid": "95ddb5b6-1bdc-4e62-820c-6d8a135f5603", "value": "dfsfgsdg" } ] }, { "uuid": "a25f4908-bca2-40c7-8d4c-fefe81ce663c", "answers": [ { "questionUuid": "16a47c7f-707a-4b38-9538-3b38dab07314", "value": "dsadasdsdaa" } ] } ] const getInspectionEditInitialAnswers = (answers) => { return answers.map((answer)=>({[answer.questionUuid]: answer.value})) } const initialValues = answers.reduce((pageMemo, nextPageAnswer) => { if (nextPageAnswer.sections?.length) { return nextPageAnswer.sections.reduce( (sectionMemo, nextSectionAnswer) => ({ ...sectionMemo, [nextSectionAnswer.uuid]: { answers: getInspectionEditInitialAnswers(nextSectionAnswer.answers), }, }), {}, ) } return { ...pageMemo, [nextPageAnswer.uuid]: { answers: getInspectionEditInitialAnswers(nextPageAnswer.answers), }, } }, {})
Map with Object assign
const answers = [ { "uuid": "38913ba2-98fa-48b3-bb2a-ac9d550a1e1a", "answers": [ { "questionUuid": "097707bb-c20d-41a5-8dad-22e2b54dcfd4", "value": "2022-06-04T12:00:00+01:00" }, { "questionUuid": "c6866d6f-dadf-457c-9ef5-4973b2c5d3b3", "value": "fdgsfdg" }, { "questionUuid": "95ddb5b6-1bdc-4e62-820c-6d8a135f5603", "value": "dfsfgsdg" } ] }, { "uuid": "a25f4908-bca2-40c7-8d4c-fefe81ce663c", "answers": [ { "questionUuid": "16a47c7f-707a-4b38-9538-3b38dab07314", "value": "dsadasdsdaa" } ] } ] const getInspectionEditInitialAnswers = (answers) => { return answers.map((answer)=>({[answer.questionUuid]: answer.value})) } const initialValuesMap = answers.map((pageAnswer) => { if (pageAnswer.sections?.length) { return pageAnswer.sections.map( (sectionAnswers) => ({ [sectionAnswers.uuid]: { answers: getInspectionEditInitialAnswers(sectionAnswers.answers), }, }), {}, ) } return { [pageAnswer.uuid]: { answers: getInspectionEditInitialAnswers(pageAnswer.answers), }, } }, {}) const initialValues = Object.assign({}, ...initialValuesMap)

Run results for: Reduce vs map with Object.assign 1

Reduce

Map with Object assign