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 6.3; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0

Browser: Firefox 70

Operating system: Windows 8.1

Device Platform: Desktop

Date tested: 4 years ago

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