본문 바로가기
Frontend/JavaScript

[JavaScript] null 병합 연산자

by Rayched 2024. 6. 21.

1. null 병합 연산자 Nullish coalescing operator

null ?? "Right";
undefined ?? "Right";

"Left" ?? "Right";
"Left" ?? undefined;

 

null 병합 연산자, '??'는 좌측의 피연산자가 null 또는 undefined일 때 우측 피연산자의 값을 return 하고

그렇지 않은 경우에는 왼쪽의 피연산자의 값을 return 하는 논리 연산자이다.

 

상단의 예제 코드를 실행해 보는 것으로 null 병합 연산자가 어떻게 동작하는지 파악해 보자.

결과를 한번에 확인하기 위해서 console.log()를 사용하였음.

예제 코드를 실행하면, 좌측의 피연산자의 값이 null 또는 undefined인 경우

우측 피연산자인 문자열 "Right"라는 값이 return 되는 것을 확인할 수 있고

 

반대로 좌측 피연산자의 값이 null이나 undefined가 아닌 경우에는

우측 피연산자의 값에 상관없이 좌측 피연산자인 문자열 "Left"가 return되는 것을 확인할 수 있다.

 

이하의 과정을 통해서 null 병합 연산자가 대략적으로 어떻게 동작하는 지를 파악할 수 있었다.

이 게시글에서는 null 병합 연산자의 정의만 다루고, 이 외의 내용은 다루지 않는다.

 

null 병합 연산자에 대해 추가적으로 궁금한 것이 있다면

아래 공식 문서를 참고하길 바란다.


📔 Reference
Nullish coalescing operator (null 병합 연산자) / 공식 문서

'Frontend > JavaScript' 카테고리의 다른 글

[JavaScript] Promise  (0) 2024.04.10
최대 공약수 구하는 Logic  (0) 2024.04.02
[JavaScript] 콜백 함수 Callback Function  (0) 2024.02.04
[JavaScript] 구조 분해 할당  (0) 2024.01.09
[JavaScript] 배열 Array  (0) 2023.10.29