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

Test name	Executions per second
✓ Using Object.assign (known change)	7,426 Ops/sec
Using the spread operator (known change)	6,986 Ops/sec
Using Object.assign (filtered)	5,664 Ops/sec
Using the spread operator (filter)	5,496 Ops/sec
Using the spread operator	3,481 Ops/sec
Using Object.assign	1,566 Ops/sec

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 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 (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)
diff = Object.fromEntries(diff)

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)
diff = Object.fromEntries(diff)

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 v3

For large objects, 1 value change only

Using Object.assign

Using the spread operator

Using Object.assign (known change)

Using the spread operator (known change)

Using Object.assign (filtered)

Using the spread operator (filter)