일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Redux
- CORS
- JS
- es6
- 리액트
- 프리온보딩
- JavaScript
- 프론트엔드
- localstorage
- 알고리즘
- firebase
- array
- 프로그래머스
- Reducer
- TypeScript
- 브라우저
- 타입스크립트
- til
- 컴포넌트
- 파이어베이스
- state
- 원티드
- 자바스크립트
- 비트 연산자
- Component
- axios
- v9
- react localStorage
- react
- Frontend
Archives
- Today
- Total
도리쓰에러쓰
[JavaScript] null 병합 연산자 (Nullish Coalescing Operator) - ?? 본문
null 병합 연산자(Nullish Coalescing Operator)는 ES11에 도입된 새로운 연산자입니다.
null 병합 연산자(Nullish Coalescing Operator)는 변수에 기본값을 설정할 때 유용한 연산자인데,
그럼 지금부터 null 병합 연산자(Nullish Coalescing Operator)가 무엇인지 알아보겠습니다.
1. null 병합 연산자 (Nullish Coalescing Operator)
- 좌항의 피연산자가 null 또는 undefined인 경우 우항의 피연산자를 반환합니다.
- 그렇지 않으면 좌항의 피연산자를 반환합니다.
- 사용 방법 : 좌항 ?? 우항
1️⃣ 좌항의 피연산자가 null 또는 undefined인 경우
let name = null ?? 'dori';
console.log(name); // 'dori'
: 좌항이 null이기 때문에 우항의 피연산자인 'dori'를 반환합니다.
2️⃣ 좌항의 피연산자가 null 또는 undefined가 아닌 경우
let name = 'kang' ?? 'dori';
console.log(name); // 'kang'
: 좌항이 null이나 undefined가 아니기 때문에 좌항의 피연산자인 'kang'을 반환합니다.
🚨 좌항 피연산자가 false로 평가되는 Falsy값이라도 null 또는 undefined가 아니면 좌항의 피연산자를 그대로 반환합니다.
- Falsy값 : false, undefined, null, 0, -0, NaN, ' '
let name = '' ?? 'dori';
console.log(name); // ''
'JavaScript > JS' 카테고리의 다른 글
[JavaScript] 배열 중복 원소 제거해주는 Set 객체 (0) | 2022.03.07 |
---|---|
[JavaScript] ES6에 추가된 객체 리터럴 기능 3가지 (0) | 2022.03.04 |
[JavaScript] 옵셔널 체이닝 연산자 (Optional Chaining Operator) - ?. (0) | 2022.03.02 |
[JavaScript] 단항 산술 연산자, 문자열 연결 연결자, 비교 연산자, Object.is() (0) | 2022.02.13 |
[JavaScript] ES11 새로운 데이터 타입 :: BigInt (0) | 2022.02.10 |
Comments