[Javascript] 삼항 연산자에서 null 처리하기

삼항 연산자(? :)를 활용한 null 처리

삼항 연산자는 조건을 평가하여 두 개의 값 중 하나를 선택하는 간단한 방법입니다.

조건식 ? 참일 때 반환값 : 거짓일 때 반환값;

See the Pen Untitled by saladent (@saladent) on CodePen.

위 코드에서는 value가 null인지 확인한 후, null이면 "기본값"을 할당합니다.

삼항 연산자는 null과 같은 특정 값에 대해 명확한 조건을 설정할 수 있습니다. 반면, || 연산자는 Falsy(거짓 같은 값, 즉 null, undefined, false, 0, NaN, "" 등)인 경우에도 기본값을 설정할 수 있습니다.

위 코드에서는 null뿐만 아니라 0, false, "" 등도 기본값으로 대체됩니다. 하지만, 0이나 빈 문자열도 유효한 값이라면 삼항 연산자를 사용하는 것이 더 정확합니다.

Null 병합 연산자(??)는 null과 undefined일 때만 기본값을 설정하도록 도와줍니다.

See the Pen ?? 연산자 by saladent (@saladent) on CodePen.

위 코드에서 ||는 0을 Falsy로 간주해 기본값을 반환하지만, ??는 null과 undefined에 대해서만 기본값을 설정합니다.