Benchmark: Object assign vs direct assignment by iterating keys and assigning

Tests:

With Object.assign()
var toSave = { "def":100101102, "ghi":null, "jkl":106107108, "mno":109110111.106107108, "pqr":'112113114', "stu":NaN, "vwx":118119120, "yz{":[ { "vwx":118119120 }, { "vwx":118119120 } ], }; var dest = { "abc":979899 }; if (toSave) { Object.assign(dest, toSave); }
With Iteration and Assignment
var toSave = { "def":100101102, "ghi":null, "jkl":106107108, "mno":109110111.106107108, "pqr":'112113114', "stu":NaN, "vwx":118119120, "yz{":[ { "vwx":118119120 }, { "vwx":118119120 } ], }; var dest = { "abc":979899 }; if (toSave) { var keys = Object.keys(dest); for (var i = 0; i < keys.length; i++) { dest[keys[i]] = toSave[keys[i]]; } }
With Iteration and .keys().forEach
var toSave = { "def":100101102, "ghi":null, "jkl":106107108, "mno":109110111.106107108, "pqr":'112113114', "stu":NaN, "vwx":118119120, "yz{":[ { "vwx":118119120 }, { "vwx":118119120 } ], }; var dest = { "abc":979899 }; if (toSave) { var keys = Object.keys(dest).forEach(key => { dest[key] = toSave[key]; }); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
With Object.assign()
With Iteration and Assignment
With Iteration and .keys().forEach

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Browser/OS: Chrome 126 on Windows

Test name	Executions per second
With Object.assign()	1931154.0 Ops/sec
With Iteration and Assignment	3340340.0 Ops/sec
With Iteration and .keys().forEach	2824926.0 Ops/sec

Object assign vs direct assignment by iterating keys and assigning (version: 0)