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

Run details:

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

Browser: Chrome 78

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

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