Run results for: JavaScript spread operator vs Object.assign performance, large objects v2

Test name	Executions per second
✓ Using Object.assign (known change)	7,486 Ops/sec
Using the spread operator (known change)	6,978 Ops/sec
Using Object.assign (filtered)	5,733 Ops/sec
Using the spread operator (filter)	5,475 Ops/sec
Using Object.assign	2,517 Ops/sec
Using the spread operator	2,265 Ops/sec

Using the spread operator

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

const finalObject = {
	...firstObject,
  	...secondObject
};

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Using Object.assign

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

const finalObject = Object.assign(firstObject, secondObject);

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Using Object.assign (known change)

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

let diff = {}
diff[rnd] = secondObject[rnd];

const finalObject = Object.assign(firstObject, diff);

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Using the spread operator (known change)

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

let diff = {}
diff[rnd] = secondObject[rnd];

const finalObject = {
	...firstObject,
  	...diff
};

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Using Object.assign (filtered)

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

let diff = Object.entries(secondObject).filter((value, key) => key == rnd)

const finalObject = Object.assign(firstObject, diff);

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Using the spread operator (filter)

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 1000; i++) firstObject[i] = Math.random();
for(let i = 1; i < 1000; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 1000);
secondObject[rnd] = Math.random();

let diff = Object.entries(secondObject).filter((value, key) => key == rnd)

const finalObject = {
	...firstObject,
  	...diff
};

console.log("first", firstObject)
console.log("second", secondObject)
console.log("final", finalObject)

Run results for: JavaScript spread operator vs Object.assign performance, large objects v2

For large objects, 1 value change only

Using the spread operator

Using Object.assign

Using Object.assign (known change)

Using the spread operator (known change)

Using Object.assign (filtered)

Using the spread operator (filter)