[JavaScript] ?? 문법

2022. 9. 22. 18:23·JavaScript
반응형

우리가 조건을 처리할 때 가장 먼저 생각하는 것이 if문과 switch문이다. 

const ifCase = true; 

if(ifCase) console.log("True");

const switchCase = true;

switch(switchCase) {
    case true:
        console.log("True");
        break;
    default:
        console.log("False");
}

여기서 좀 더 간단하게 사용하고 싶은 경우에는 삼항연산자를 사용한다. 

const case = true; 

console.log(case ? "True" : "False")

 

최근에 알게된 것이 하나 더 있는데, ?? 연산자이다. ( 정확한 명칭은 아직 모르는 .... )

const a = undefinded;

console.log(a ?? "False")  // "False"

const b = "True";

console.log(b ?? "False") // "True"

const c = undefinded;
const d = c ?? [];

삼항 연산자에서 true인 경우 자신을 바로 return 해주는 연산자이다. 

무조건 삼항 연산자를 대체하는 연산자는 아니고 c,d 처럼 필요에 따라 바로바로 처리할 수 있는 경우 

사용하면 코드가 좀 더 깔끔할 것 같다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

nullish coalescing operator ( nullish 병합 연산자 : ?? )  (0) 2022.10.24
[JavaScript] Vanilla JavaScript로 상태 관리 만들기!  (1) 2022.10.01
[JavaScript] 콘솔로 입력받기  (1) 2022.09.15
객체 정렬하기  (1) 2022.09.13
[JavaScript] 일반 함수 vs 화살표 함수  (1) 2022.09.11
'JavaScript' 카테고리의 다른 글
  • nullish coalescing operator ( nullish 병합 연산자 : ?? )
  • [JavaScript] Vanilla JavaScript로 상태 관리 만들기!
  • [JavaScript] 콘솔로 입력받기
  • 객체 정렬하기
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    next.js
    프로그래머스
    Node.js
    redux
    ReactNative
    다이소
    자바스크립트
    리얼클래스
    네트워크
    식물
    react
    덤프
    영어회화
    바질
    javascript
    Docker
    Babel
    리액트
    영어독학
    타입스크립트
    바질 키우기
    typescript
    CSS
    네이버 부스트캠프
    알고리즘
    리얼학습일기
    webpack
    CCNA
    ChatGPT
    타일러영어
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[JavaScript] ?? 문법

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.