[ JavaScript ] Nullish 병합 연산자 '??'

Tabs 컴포넌트를 만들며 적용한 nullish 병합 연산자
개념정리

 

• Nullish 병합 연산자 '??'란?
  
  
• 사용한 이유
  
  
• 사용 방법

 

 

 

 

 

Nullish 병합 연산자 '??' 란?

 

왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.
즉, nullish라는 이름과 같이 null과 같은 그에 상응하는 값을 말한다.

사용한 이유

 

Tabs컴포넌트를 만들며 Index의 초기값이 0으로 고정되어 있는 것이 아니라 제어 할 수 있게끔 기능을 구현 하고 싶었고,
그 경우 초기값을 무조건 0으로 설정하게 아니라 외부에서 주입되는 index값이 없을 경우에만 0이 되도록 구현을 해야 했다.

 

사용 방법

Tabs.context.tsx

const [activeIndex, setActiveIndex] = useState<number>(indexProp ?? 0);

 

---

참조: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing 

Nullish coalescing operator - JavaScript | MDN

https://ko.javascript.info/nullish-coalescing-operator