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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Browser: Chrome 127

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
Direct	625868.1 Ops/sec
Spread	211796.7 Ops/sec
Object.assign	147251.5 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