HTML+CSS+JavaScript/DeepDive
코어 자바스크립트2: nullish 병합 연산자
류경혜
2022. 8. 11. 18:00
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