Benchmark: Multiple assignments vs One destructuring

Tests:

Multiple assignments
const obj = {a: { e: { i: 6, d: 9 }, f: {g:7} } } const i = obj.a.e.i; const d = obj.a.e.d; const g = obj.a.f.g;
Multiple Destructuring
const obj = {a: { e: { i: 6 }, f: {g:7} } } const {i,d} = obj.a.e; const {g} = obj.a.f;
Single Destructuring
const obj = {a: { e: { i: 6 }, f: {g:7} } } const {a : {e:{i, d}, f:{g}}} = obj;

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 87 on Windows

Multiple assignments vs One destructuring (version: 0)