Benchmark: JavaScript merge many properties

Script Preparation code:

const objWithManyProps1 = (function () {
  const obj = {}
  for (let i = 0; i < 100000; i++) {
    obj[`prop${i}`] = i
  }
  return obj
})()

const objWithManyProps2 = (function () {
  const obj = {}
  for (let i = 0; i < 100000; i++) {
    obj[`prop${i}`] = i
  }
  return obj
})()

Tests:

Using the spread operator
const finalObject = { ...objWithManyProps1, ...objWithManyProps2 };
Using Object.assign
const finalObject = Object.assign({}, objWithManyProps1, objWithManyProps2);
Using assignment
const finalObject = {}; for (const key in objWithManyProps1) { finalObject[key] = objWithManyProps1[key]; } for (const key in objWithManyProps2) { finalObject[key] = objWithManyProps2[key]; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using the spread operator
Using Object.assign
Using assignment

JavaScript merge many properties (version: 0)

Comparing performance of: Using the spread operator vs Using Object.assign vs Using assignment

Created: 2 years ago by: Guest

Jump to the latest result

Using the spread operator

Using Object.assign

Using assignment

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results