JavaScript - 선택적 체이닝(Optional chaining)

 

 

 

 

 

선택적 체이닝( optional chaining : 옵셔널 체이닝 ) 이란?

console.log(null.abc)		// 에러 발생
console.log(undefined.abc)	// 에러 발생

// 위의 코드를 변경하여 옵셔녈 체이닝 사용
console.log(null?.abc)		// undefined 출력
console.log(undefined?.abc)	// undefined 출력

const numbers = null
console.log(numbers?.[0])

const user = {
    name: 'Neo',
    age: 22,
}

console.log(user.name)
console.log(user.age)
console.log(user?.email)

   - 대괄호 또는 점 표기법의 대상이 null이나 undefined인 경우 에러 대신 undefined를 반환하게 합니다.

   - .? 을 입력하여 사용합니다.

   - 배열 데이터에서는 해당 인덱스가 존재하는지 알 수 없을 때 사용합니다.

   - 객체 데이터에서는 해당 key값이 존재하는지 확실하지 않을 때 사용합니다.

실행 결과 (맨 윗 두줄 제외)