자바스크립트에서 변수를 할당할 때 종종 값이 null 또는 undefined인지 확인해야하는 경우가 있습니다. 이러한 경우에 Nullish Coalescing 연산자를 사용하면 코드를 간결하게 작성할 수 있습니다. Nullish Coalescing 연산자는 변수가 null 또는 undefined인 경우 대체값을 할당하는 기능을 제공합니다.

Nullish Coalescing 연산자 사용하기

Nullish Coalescing 연산자는 ??으로 표시됩니다. 이 연산자를 사용하여 변수가 null 또는 undefined인 경우에 대체값을 할당할 수 있습니다. 다음은 Nullish Coalescing 연산자의 사용 예시입니다.

const myValue = null ?? 'defaultValue';
console.log(myValue); // 'defaultValue'

위의 예제에서 myValue 변수는 null이므로 Nullish Coalescing 연산자를 사용하여 ‘defaultValue’로 할당됩니다.

Nullish Coalescing vs. || 연산자

Nullish Coalescing 연산자는 기존의 논리연산자 ||와 유사해 보일 수 있지만, 행동이 다릅니다. ||는 falsy한 값을 할당하는 경우도 있지만, Nullish Coalescing 연산자는 오직 null 또는 undefined인 경우에만 대체값을 할당합니다.

const myValue1 = false || 'defaultValue';
console.log(myValue1); // 'defaultValue'

const myValue2 = 0 || 'defaultValue';
console.log(myValue2); // 'defaultValue'

const myValue3 = '' || 'defaultValue';
console.log(myValue3); // 'defaultValue'

위의 예제에서 myValue1, myValue2, myValue3 변수는 falsy한 값이므로 defaultValue로 할당됩니다. Nullish Coalescing 연산자를 사용하면 falsy한 값이 아닌 null 또는 undefined인 경우에만 대체값을 할당합니다.

요약

#javascript #nullish-coalescing