Benchmark: ?. operator vs. getProperty

Tests:

?. operator (results in defined value)
const obj = { a: { b: { c: { exists: true } } } }; const exists = obj?.a?.b?.c?.exists;
?. operator (results in undefined value)
const obj = { a: { b: { c: { exists: true } } } }; const exists = obj?.a?.b?.c?.d?.e?.f?.g?.exists;
getProperty (results in defined value)
function getProperty(obj, ...path) { if (typeof obj !== 'object' || obj === null) { return undefined; } if (path.length === 0) { return obj; } let current = obj; for (let index = 0; index < path.length; index += 1) { current = current[path[index]]; // If there is more path to traverse but the current value is not traversable, quit. const isArray = Array.isArray(current); const isObject = !isArray && typeof current === 'object' && current !== null; if (!isObject && !isArray && (index + 1) < path.length) { return undefined; } } return current; } const obj = { a: { b: { c: { exists: true } } } }; const exists = getProperty(obj, 'a', 'b', 'c', 'exists');
getProperty (results in undefined value)
function getProperty(obj, ...path) { if (typeof obj !== 'object' || obj === null) { return undefined; } if (path.length === 0) { return obj; } let current = obj; for (let index = 0; index < path.length; index += 1) { current = current[path[index]]; // If there is more path to traverse but the current value is not traversable, quit. const isArray = Array.isArray(current); const isObject = !isArray && typeof current === 'object' && current !== null; if (!isObject && !isArray && (index + 1) < path.length) { return undefined; } } return current; } const obj = { a: { b: { c: { exists: true } } } }; const exists = getProperty(obj, 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'exists');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
?. operator (results in defined value)
?. operator (results in undefined value)
getProperty (results in defined value)
getProperty (results in undefined value)

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36 Edg/90.0.818.62

Browser/OS: Chrome 90 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
?. operator (results in defined value)	6208473.0 Ops/sec
?. operator (results in undefined value)	5825149.0 Ops/sec
getProperty (results in defined value)	1164067.0 Ops/sec
getProperty (results in undefined value)	1001086.0 Ops/sec

?. operator vs. getProperty (version: 0)

Comparing performance of: ?. operator (results in defined value) vs ?. operator (results in undefined value) vs getProperty (results in defined value) vs getProperty (results in undefined value)

Created: 2 years ago by: Guest

Jump to the latest result

?. operator (results in defined value)

?. operator (results in undefined value)

getProperty (results in defined value)

getProperty (results in undefined value)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A