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

Browser: Chrome 80

Operating system: Mac OS X 10.15.2

Device Platform: Desktop

Date tested: 4 years ago

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