가오리의 코딩일기

코어 자바스크립트2: nullish 병합 연산자 본문

HTML+CSS+JavaScript/DeepDive

코어 자바스크립트2: nullish 병합 연산자

류경혜 2022. 8. 11. 18:00

nullish 병합 연산자 '??'

 

nullish 병합 연산자 '??'

 

ko.javascript.info

🧩 nullish 병합 연산자

→ ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어 있는 변수를 찾을 수 있다

// a ?? b의 평가결과와 같은 코드
x = (a !== null && a !== undefined) ? a : b;

→ 세 변수 중 실제 값이 있는 변수의 값을 출력하는데 세 변수 모두 값이 없다면 ‘익명의 사용자'가 출력된다

let firstName = null;
let lastName = null;
let nickName = "바이올렛";

// null이나 undefined가 아닌 첫 번째 피연산자
alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // 바이올렛

🪝 ?? vs. ||

→ ??: 첫 번째 정의된(defined) 값을 반환한다

→ ||: 첫 번째 truthy 값을 반환한다

let height = 0;

alert(height || 100); // 100
alert(height ?? 100); // 0