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

Test name	Executions per second
✓ Using the spread operator (known change)	59,201 Ops/sec
Using Object.assign (known change)	58,232 Ops/sec
Using the spread operator (filter)	55,763 Ops/sec
Using Object.assign (filtered)	55,669 Ops/sec
Using the spread operator	41,137 Ops/sec
Using Object.assign	35,891 Ops/sec

Using Object.assign

const firstObject = {}
const secondObject = {}

for(let i = 1; i < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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 < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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 < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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 < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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 < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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 < 10; i++) firstObject[i] = Math.random();
for(let i = 1; i < 10; i++) secondObject[i] = firstObject[i];

let rnd = Math.floor(Math.random() * 10);
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, small objects v3

For small 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)