Run results for: Compare spread operator in objects vs set the properties in the object directly

Run details:

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

Browser: Chrome 104

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Using the spread operator	2175008.0 Ops/sec
Set the properties directly in the object	10368490.0 Ops/sec

Script Preparation code:

var data = [
  {
    'key': 'Username',
    'value': 'Benutzername'
  },
  {
    'key': 'Password',
    'value': 'Passwort'
  },
  {
    'key': 'name',
    'value': 'Julious'
  },
  {
    'key': 'lastname',
    'value': 'Extremus'
  }
];

Tests:

Using the spread operator
const newData = data.reduce((acc, { key, value }) => ({ ...acc, [key]: value }), {});
Set the properties directly in the object
const newData = data.reduce((acc, row) => (acc[row.key] = row.value, acc), {});

Run results for: Compare spread operator in objects vs set the properties in the object directly

This benchmark is to compare the cost of using the spread operator in objects

Using the spread operator

Set the properties directly in the object