Run results for: reduce vs foreach

Run details:

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

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
reduce	97131.0 Ops/sec
foreach	133651.0 Ops/sec

Script Preparation code:

var data = [
  {id: 1, name: 'test1'},
  {id: 2, name: 'test2'},
  {id: 3, name: 'test3'},
  {id: 4, name: 'test4'},
  {id: 5, name: 'test5'},
  {id: 6, name: 'test6'},
  {id: 7, name: 'test7'},
  {id: 8, name: 'test8'},
  {id: 9, name: 'test9'},
  {id: 10, name: 'test10'},
  {id: 11, name: 'test11'},
  {id: 12, name: 'test12'},
  {id: 13, name: 'test13'},
  {id: 14, name: 'test14'},
  {id: 15, name: 'test15'},
  {id: 16, name: 'test16'},
  {id: 17, name: 'test17'},
  {id: 18, name: 'test18'},
  {id: 19, name: 'test19'},
];

Tests:

reduce
var flattened = data.reduce((entities, item) => { return { ...entities, [item.id]: item } }, {}); console.log(flattened);
foreach
var flattened = {}; data.forEach((item) => { flattened[item.id] = item; }); console.log(flattened);