JavaScript: Optional Chaining Operator

By Xah Lee. Date: . Last updated: .

New in JS2020.

obj?.prop
Return the property value of object obj if it exist, but if obj is undefined or null or prop does not exist, return undefined. This is useful when you have a long chain such as a.b.c.d, and some property may not exist. With the normal dot notation, it would error out.
console.log(undefined?.x === undefined); // true
console.log(null?.x === undefined); // true

// console.log(undefined.x);
// error: Uncaught TypeError: Cannot read property 'x' of undefined
const obj = {
  a1: 3,
  a3: { b1: 1, b3: 7 },
};

console.log(obj?.a2?.b3 === undefined); // true

JavaScript: Get Property

BUY
Ξ£JS
JavaScript in Depth

JavaScript in Depth

Basic Syntax

Value Types

Variable

String

Property

Object and Inheritance

Array

Function

Constructor/Class

Iterable 🌟

Misc