자바스크립트에서 값이 null 또는 undefined 인 경우를 확인하는 것은 종종 필요합니다. 이때 Nullish Coalescing 연산자를 사용하면 간편하게 유효한 값을 확인할 수 있습니다.

Nullish Coalescing 연산자 ‘??’은 왼쪽 피연산자가 Null 또는 undefined인 경우 오른쪽 피연산자를 반환합니다. 이를 이용하면 null 또는 undefined 체크 없이도 값을 확인할 수 있습니다.

다음은 Nullish Coalescing의 사용 예시입니다.

const username = getUserFromDatabase() ?? 'Guest';

console.log(username);

위의 코드에서 getUserFromDatabase() 함수가 null 또는 undefined를 반환하는 경우 ‘Guest’가 username 변수에 할당됩니다. 이를 통해 유효한 값이 없을 경우 디폴트 값을 할당할 수 있습니다.

Nullish Coalescing 연산자는 Optional Chaining과 함께 사용되어 특히 객체의 속성 접근에서 유용하게 사용될 수 있습니다.

const user = {
  name: 'John Doe',
  age: null,
};

console.log(user.name ?? 'Unknown'); // 'John Doe'
console.log(user.age ?? 0); // 0
console.log(user.address ?? 'No address found'); // 'No address found'

위의 예시에서 user 객체의 name 속성은 유효한 값이므로 ‘John Doe’가 출력되고, age 속성은 null인 경우에만 Nullish Coalescing 연산자가 동작하여 0이 반환됩니다.

Nullish Coalescing을 사용하면 값이 null 또는 undefined 인 경우에 대한 처리를 간편하게 할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다.

#javascript #nullish-coalescing