Run results for: Initialization: direct vs. spread vs. Object.assign

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:129.0) Gecko/20100101 Firefox/129.0

Browser: Firefox 129

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
Direct	483301.3 Ops/sec
Spread	1341587.4 Ops/sec
Object.assign	7089558.0 Ops/sec

Script Preparation code:

let props = [
  "field1",
  "otherField",
  "aThirdProperty",
  "idField",
  "aproperty",
  "bproperty",
  "testingProp",
  "testingProp2",
  "description",
  "description_Field",
  "description_prop",
  "prop_description",
  "model",
  "number",
  "other",
  "another",
  "even_more",
  "evenMorer",
  "addtional_1",
  "addtional_2",
  "addtional_3",
  "addtional_4",
  "addtional_5",
  "addtional_6",
  "addtional_7",
  "addtional_8",
  "addtional_9",
  "addtional_10",
  "addtional_11",
  "addtional_12",
  "addtional_13",
  "addtional_14",
];

let emptyObj = createEmptyRow();

function createEmptyRow() {
  const result = {};
  props.forEach(prop => result[prop] = null);
  return result;
}

function copyEmptyRow() {
  return { ...emptyObj }
}

function copyEmptyRowAssign() {
  return Object.assign({}, emptyObj);
}

Tests:

Direct
var data = createEmptyRow()
Spread
var data = copyEmptyRow()
Object.assign
var data = copyEmptyRowAssign()

Run results for: Initialization: direct vs. spread vs. Object.assign

Direct

Spread

Object.assign