자바스크립트에서 조건문을 작성할 때 종종 변수가 null 또는 undefined인지 확인하는 작업이 필요합니다. 이러한 경우 기존의 조건문을 사용하면 코드가 복잡해지고 가독성이 떨어질 수 있습니다. 이를 해결하기 위해 ES2020에서 도입된 “Nullish Coalescing” 연산자를 적절하게 활용하는 방법을 알아보겠습니다.

Nullish Coalescing 연산자란?

Nullish Coalescing 연산자인 ??는 해결하려는 문제를 명확하게 해결하기 위해 도입되었습니다. 이 연산자는 피연산자 중에서 null 또는 undefined인 값을 찾아 반환하는 역할을 합니다. 따라서 다음과 같이 사용할 수 있습니다:

const result = a ?? b;

위의 코드에서 a가 null 또는 undefined이면 b의 값을 반환하고, 그렇지 않으면 a의 값을 반환합니다.

Nullish Coalescing을 사용한 조건문 개선

이제 Nullish Coalescing을 사용하여 조건문을 개선하는 방법을 알아보겠습니다. 기존의 조건문은 다음과 같이 작성되었을 수 있습니다:

const value = null;

let result;

if (value !== null && value !== undefined) {
  result = value;
} else {
  result = "default value";
}

console.log(result); // "default value"

위의 코드에서는 value가 null 또는 undefined인지 확인하고, 그에 따라 result 변수에 값을 할당하고 있습니다. 이를 Nullish Coalescing 연산자를 이용하여 간결하게 개선할 수 있습니다:

const value = null;

const result = value ?? "default value";

console.log(result); // "default value"

위의 코드에서는 value가 null 또는 undefined이면 “default value”를 반환하고, 그렇지 않으면 value 값을 반환합니다. 코드가 간결해졌으며 가독성이 향상되었습니다.

요약

자바스크립트의 Nullish Coalescing 연산자를 활용하면 조건문의 가독성을 향상시킬 수 있습니다. 이를 사용하여 null 또는 undefined인 값을 확인하고 기본값을 설정하는 작업을 간결하게 처리할 수 있습니다. Nullish Coalescing 연산자를 적절하게 활용하여 코드를 개선해 보세요.

#javascript #nullish coalescing