Nullish Coalescing을 활용하여 자바스크립트에서의 긴 문장 처리 방법

29 Sep 2023

javascript

자바스크립트에서 긴 문장을 처리할 때, 종종 null 또는 undefined인 값일 경우 대체값을 지정해야하는 상황이 발생합니다. 이러한 상황에서 Nullish Coalescing(널리시코얼리싱) 연산자를 활용하면 간편하게 대체값을 사용할 수 있습니다. Nullish Coalescing 연산자는

(논리 OR) 연산자와 유사하지만, falsy 값(null 또는 undefined)에 대해서만 대체값을 사용합니다.

Nullish Coalescing 연산자 사용 방법

Nullish Coalescing 연산자는 사용하기 매우 간단합니다. 다음은 사용 방법의 예시입니다:

const result = value ?? defaultValue;

위의 예시에서 value는 체크할 값이고, defaultValue는 대체값입니다. value가 null 또는 undefined인 경우 defaultValue가 result에 할당됩니다.

긴 문장 처리 예시

이제 실제로 긴 문장을 처리하는 예시를 살펴보겠습니다. 예를 들어, 사용자의 이름과 나이를 가지고 있는 객체에서 사용자의 이름을 출력하려고 할 때, 이름이 없는 경우 대신 “Unknown”이라는 문자열을 사용하고 싶다고 가정해보겠습니다.

const user = {
  name: null,
  age: 25
};

const userName = user.name ?? 'Unknown';
console.log(`User Name: ${userName}`);

위의 예시에서 user 객체의 name 속성은 null이므로 Nullish Coalescing 연산자를 사용하여 대체값인 ‘Unknown’을 userName에 할당합니다. 따라서 콘솔에는 "User Name: Unknown"가 출력됩니다.

이러한 방식으로 Nullish Coalescing 연산자를 활용하여 자바스크립트에서 긴 문장을 처리할 수 있습니다. Nullish Coalescing 연산자는 값을 체크하고 대체값을 지정하는 과정을 간소화하므로 코드의 가독성을 향상시킬 수 있습니다.

#javascript #nullishcoalescing