Benchmark: Null Propagation Operator versus _.get lodash vs Object Destructuring

Script Preparation code:

var obj = {a: {b: {c: {d: 1}}}}
var badObj = {}

Tests:

Null Propagation Operator
obj?.a?.b?.c?.d || 2 badObj?.a?.b?.c?.d || 2
_.get lodash
_.get(obj, "a.b.c.d", 2) _.get(badObj, "a.b.c.d", 2)
Object Destructuring
var { a: { b: { c : { d = 2} = {} } = {} } = {} } = obj var { a: { b: { c : { d = 2} = {} } = {} } = {} } = badObj

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: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:94.0) Gecko/20100101 Firefox/94.0

Browser/OS: Firefox 94 on Windows

Null Propagation Operator versus _.get lodash vs Object Destructuring (version: 1)