728x90
SMALL
① Null 병합 연산자 (??)
값이 확정된 변수를 찾아내는 연산자이다. 변수에 null이나 undefined가 있을 때 기본값을 설정하기 아주 좋다.
(값이 존재하는지 추려내는 기능)

‼️ 논리 합 연산자와 Null 병합 연산자의 차이점 ‼️
① || (논리 합 연산자)
- 판단 기준: 값이 Falsy(거짓 같은 값)이면 오른쪽 값을 선택한다.
- Falsy 값 종류: false, 0, "" (빈 문자열), null, undefined, NaN.
- 문제점: 만약 사용자가 입력한 값이 0이나 빈 문자열("")일 때도 이를 '값이 없다'고 판단하여 기본값으로 덮어버리는 실수를 범할 수 있다.
② ?? (null 병합 연산자)
- 판단 기준: 값이 Nullish(null 계열의 값)일 때만 오른쪽 값을 선택한다.
- Nullish 값 종류: 오직 null, undefined.
- 장점: 0이나 ""처럼 유효할 수 있는 값은 그대로 유지하고, 정말로 데이터가 비어있을 때만 기본값을 채워준다.

② typeof 연산자
현재 변수에 담긴 값의 타입이 무엇인지 문자열로 반환한다. 동적 타이핑 언어인 JS에서 타입을 확인해야 할 때 필수이다.
(값의 타입을 문자열로 반환하는 기능)

③ 삼항 연산자 (? :)
if문을 한 줄로 줄여주는 마법 같은 연산자이다. (조건 ? 참일 때 : 거짓일 때) 형식으로 사용한다.
(3개의 항을 사용하는 기능)

1. 조건문 (Conditional Statements)
프로그램의 흐름을 분기할 때 사용한다.

2. 반복문 (Loops)
동일한 작업을 여러 번 반복할 때 사용한다.

응용편
위 코드들의 사용법 예제 테스트 케이스 (사용자 데이터 처리 시스템)


728x90
'JavaScript' 카테고리의 다른 글
| [JS] 06. 변수가 사는 세상, 스코프(Scope)와 호이스팅 (0) | 2026.03.31 |
|---|---|
| [JS] 05. 자바스크립트의 심장, 함수(Function) (0) | 2026.03.22 |
| [JS] 04. 가장 많이 쓰이는 기본 연산자 5종 세트 (0) | 2026.03.21 |
| [JS] 02. - 자바스크립트 기초: 변수, 자료형 (0) | 2026.03.15 |
| [JS] 01. 자바스크립트 입문: 정의부터 환경 설정까지 (0) | 2026.02.22 |