자바스크립트에서 조건문을 작성할 때 종종 값이 null 또는 undefined 인지 확인해야 할 때가 있습니다. 기존의 방법은 || 연산자를 사용하여 값을 확인하는 방법이었습니다. 하지만 이 경우에는 0이나 빈 문자열 같은 falsy한 값들도 거짓으로 간주되어 오류의 가능성이 있었습니다.

이러한 문제를 해결하기 위해 ECMAScript 2020 버전에서 Nullish Coalescing 연산자가 도입되었습니다. Nullish Coalescing 연산자 ??은 왼쪽 피연산자가 null 또는 undefined인 경우, 오른쪽 피연산자로 대체됩니다.

Nullish Coalescing 연산자를 활용하면 조건문을 간결하게 작성할 수 있고, 예외 상황을 잘 처리할 수 있습니다. 예를 들어, 사용자의 이름이 null 또는 undefined인 경우 기본 값을 사용하고 싶을 때 다음과 같이 작성할 수 있습니다.

예시 코드

const username = null;
const defaultUsername = 'Guest';

const displayName = username ?? defaultUsername;

console.log(displayName); // 출력 결과: "Guest"

위의 예시 코드에서 username 변수의 값은 null이기 때문에 ?? 연산자의 오른쪽에 있는 defaultUsername 값을 대체하여 displayName 변수에 할당합니다. 그 결과, “Guest”가 출력됩니다.

Nullish Coalescing 연산자를 사용하면 || 연산자를 사용하였을 때와 달리 0이나 빈 문자열 같은 falsy한 값들을 거짓으로 간주하지 않습니다. 이를 활용하여 조건문을 보다 명확하고 간편하게 작성할 수 있습니다.

요약

Nullish Coalescing 연산자는 자바스크립트에서 조건문을 간략하게 작성하기 위해 도입된 연산자입니다. 값이 null 또는 undefined 일 때, 기본값을 사용하고 싶을 때 유용하게 활용할 수 있습니다. 코드의 가독성과 코드 작성 시간을 단축하는데 도움이 되는 이 연산자는 자바스크립트 개발자에게 큰 도움이 될 것입니다.

#javascript #nullishcoalescing #조건문 #단순화