JavaScript에서 null 또는 undefined 값 대체하기 – OR 연산자 활용법

JavaScript에서 null 또는 undefined 값 대체하기

JavaScript에서 변수가 null 또는 undefined일 때 기본값으로 대체하고 싶다면 논리 OR(||) 연산자를 사용하면 됩니다. 이 연산자는 왼쪽 값이 falsy(거짓 같은 값)일 경우 오른쪽 값을 반환하는 특성을 가지고 있어, 간단하게 기본값을 설정할 수 있습니다.

기본 문법

var anyVariableName = null;
var anyVariableName = yourVariableName || anyValue;

yourVariableName이 null, undefined, 0, 빈 문자열 등 falsy 값이면 anyValue가 대신 할당됩니다.

예제 코드

var value = null;
console.log("The value =" + value);
var actualValue = value || "This is the Correct Value";
console.log("The value=" + actualValue);

실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름을 demo56.js로 저장했다고 가정합니다.

실행 결과

PS C:\Users\Amit\JavaScript-code> node demo56.js
The value =null
The value=This is the Correct Value

변수 value가 null이었기 때문에 || 연산자 뒤에 지정한 기본값인 "This is the Correct Value"가 최종적으로 할당된 것을 확인할 수 있습니다.

참고: Nullish 병합 연산자(??)

ES2020부터는 ??(Nullish Coalescing) 연산자를 사용할 수도 있습니다. ||는 0이나 빈 문자열처럼 실제로 유효한 falsy 값까지 모두 대체해 버리지만, ??는 오직 null과 undefined일 때만 기본값을 반환하므로 의도치 않은 값 손실을 방지할 수 있는 더 안전한 방식입니다.

var actualValue = value ?? "This is the Correct Value";