How to Use JavaScript Optional Chaining With the Bracket Notation?

You can use optional chaining (?.) with the bracket notation (object property accessor) by adding the ?. symbol before the bracket notation, like so:

// ES11+
obj?.['prop']

For example:

// ES11+
const obj = { 'foo-bar': 123 };

console.log(obj?.['foo-bar']); // 'bar'
console.log(obj?.['non-existent']); // undefined

This post was published 08 Jan, 2022 by Daniyal Hamid. Daniyal currently works as the Head of Engineering in Germany and has 20+ years of experience in software engineering, design and marketing. Please show your love and support by sharing this post.