Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- typescript
- Redux
- express
- 반응형웹
- Modal
- react
- javascript animation
- sequelize
- Recoil
- cicd
- 웹팩
- go
- graphql
- CDN
- component
- AWS
- 포트포워딩
- scrapping
- 웹크롤링
- 성능최적화
- 회고
- npx
- route
- socket.io
- docker
- 정규표현식
- styled-component
Archives
- Today
- Total
프로그래밍 공부하기
??(null 병합 연산자) 본문
JavaScript에는 ??라는 연산자가 있다. a ?? b 라는 연산을 수행하면 첫 번째 피연산자가 null 또는 undefined일 때 두 번째 피연산자를 반환하고, 그렇지 않으면 첫번째 피연산자를 반환한다.
console.log(null ?? 1); //1
console.log(null ?? 0); //0
console.log(0 ?? null); //0
console.log(null ?? undefined); //undefined
console.log(undefined ?? null); //null
위와 같이 ??연산의 결과는 첫 번째 항이 null 또는 undefined인지에만 영향을 받으며 ||와 달리 falsy한 값인지는 상관이 없다. ??연산자를 사용하면 null 또는 undefind가 아닌 값을 쉽게 찾을 수 있다.
let var1;
let var2 = null;
let var3 = 77;
let var4 = 88;
console.log(var1 ?? var2 ?? var3 ?? var4); //77
위의 코드처럼 ??연산자로 여러 변수를 연결하면 그 중 가장 앞에있는 null 또는 undefined가 아닌 값을 찾을 수 있다.
'Web > [JS] Common' 카테고리의 다른 글
재귀함수와 꼬리재귀함수 (0) | 2021.01.05 |
---|---|
?. 연산자(Optional Chaining) (0) | 2021.01.01 |
JS 엔진 최적화를 위한 지식1 - Hidden Class (0) | 2021.01.01 |
논리연산자 AND, OR의 결과값 (0) | 2020.12.31 |
내장고차함수: filter, map, reduce (0) | 2020.12.22 |
Comments