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_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36

Browser: Chrome 77

Operating system: Mac OS X 10.14.5

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Using the spread operator	1235675.0 Ops/sec
Set the properties directly in the object	5227807.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