Shorthand javascript object nested property access without "Cannot read property 'xxx' of undefined" error

Question

I have been looking for a way to access a nested level object property without getting a Cannot read property 'xxx' of undefined error.

I also want to easily default values that might not exist.

Answer 1

The only way I have come across anything like that is this:

var someObject = {};
var myVar = someObject?.that?.might?.or?.mightnot?.have?.this?.property ?? 'default';

if (someObject?.that?.might?.or?.mightnot?.have?.this?.property === 'some-check') {
    // this throws no error
}

console.log(myVar);