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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0

Browser: Firefox 129

Operating system: Windows

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
Direct	407436.2 Ops/sec
Spread	1252808.9 Ops/sec
Object.assign	5423975.0 Ops/sec

Script Preparation code:

let props = [
  "astId",
  "astCode",
  "astDescription",
  "sttId",
  "sttValue",
  "sttDescription",
  "asttId",
  "asttDescription",
  "astpId",
  "astpCode",
  "astpDescription",
  "astpMake",
  "astpModel",
  "astSerialNumber",
  "astAcquiredOn",
  "astInstalledOn",
  "astWarrantyExpiresOn",
  "pltId",
  "astIdParent",
  "astCodeParent",
  "astDescriptionParent",
  "pltPlantCode",
  "pltDescription",
  "wrcId",
  "wrcShortDesc",
  "wrcDescription",
  "mcnCode",
  "mcnDescription",
  "mchtDescription",
  "astIdAstAv",
  "purchaser",
  "purchase Date",
];

let empty = {};
props.forEach(prop => empty[prop] = null);

function createEmptyRow() {
  const result = {};
  props.forEach(prop => result[prop] = null);
  return result;
}

function copyEmptyRow() {
  return { ...empty }
}

function copyEmptyRowAssign() {
  return Object.assign({}, empty);
}

Tests:

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

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

Direct

Spread

Object.assign