Nullish Coalescing은 자바스크립트에서 데이터 표현 방식을 개선하는 기법 중 하나입니다. 이 기능을 활용하면 더 간결하고 명확한 코드를 작성할 수 있습니다. 이번 블로그 포스트에서는 Nullish Coalescing에 대해 알아보고, 어떻게 활용할 수 있는지 살펴보겠습니다.

Nullish Coalescing이란?

Nullish Coalescing은 두 개의 문자열 중에 “null” 또는 “undefined”인 값을 찾아서, 그렇지 않으면 두 번째 값을 반환하는 연산자입니다. 이것은 OR 연산자와 유사하게 동작하지만, OR 연산자는 “null”과 “undefined” 이외의 falsy한 값들을도 체크합니다. 반면에 Nullish Coalescing은 falsy한 값들을 무시하고 “null” 또는 “undefined”인 값만을 체크합니다.

Nullish Coalescing 사용 예시

예시 1: 변수 초기화

다음 예시를 통해 Nullish Coalescing이 어떻게 변수 초기화에 활용될 수 있는지 살펴보겠습니다.

const defaultValue = 0;
let userInput;
let value = userInput ?? defaultValue;

console.log(value); // 0

위의 코드에서는 userInput 변수가 “null” 또는 “undefined”인 경우에는 defaultValue 값을 할당하고, 그렇지 않으면 userInput 값을 할당합니다. 이렇게 하면 userInput이 비어있을 때 기본값을 설정할 수 있습니다.

예시 2: 함수 인자 디폴트 값

함수의 인자 디폴트 값 설정에도 Nullish Coalescing을 활용할 수 있습니다. 다음 예시를 살펴보세요.

function greet(name) {
  name = name ?? "Guest";
  console.log(`Hello, ${name}!`);
}

greet(); // Hello, Guest!
greet("John"); // Hello, John!

name이 “null” 또는 “undefined”인 경우에는 기본값 “Guest”를 사용하고, 그렇지 않으면 인자로 받은 값으로 설정됩니다. 이렇게 하면 인자가 주어지지 않은 경우에도 기본값을 설정할 수 있습니다.

결론

이번 포스트에서는 Nullish Coalescing을 활용하여 자바스크립트에서 데이터 표현 방식을 개선하는 방법에 대해 알아보았습니다. Nullish Coalescing은 변수 초기화나 함수 인자 디폴트 값 설정 등 다양한 상황에서 유용하게 활용될 수 있습니다. 코드의 가독성을 향상시키고 불필요한 코드를 줄일 수 있으니, 꼭 활용해 보시기를 권장드립니다.

#javascript #NullishCoalescing