JavaScript

[JS] 03. 제어문과 특수 연산자 (조건문, 반복문, 삼항 연산자 등)

MuscleDeveloper5683 2026. 3. 18. 16:31
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