Run results for: ?. operator vs. getProperty

Run details:

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: Chrome 90

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

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

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');

Run results for: ?. operator vs. getProperty

?. operator (results in defined value)

?. operator (results in undefined value)

getProperty (results in defined value)

getProperty (results in undefined value)