JavaScript 조건문에서 값이 true 또는 false로 자동 변환되는 Truthy와 Falsy 메커니즘을 설명한다

Context

JavaScript 조건문 내부에서 사용되는 값은 자동으로 boolean으로 변환된다. 이 변환 규칙을 이해하지 못하면 예상치 못한 프로그램 흐름이 발생한다. 조건 판단의 기본 원리를 명확히 파악해야 올바른 제어문을 작성할 수 있다.

Technical Solution

• Truthy 값은 조건문에서 true로 평가되는 모든 값을 의미한다
• Falsy 값은 false로 평가되는 제한된 6가지 값(false, 0, "", null, undefined, NaN)만 존재한다
• 비어 있지 않은 문자열, 0이 아닌 숫자, 객체, 배열은 모두 Truthy 값에 해당한다
• 빈 문자열과 숫자 0은 Falsy 값이므로 else 블록이 실행된다
• Truthy와 Falsy 값은 입력 필드 검증, 폼 유효성 검사, 로그인 확인에 활용된다

Impact

해당 아티클은 개념 설명 학습 콘텐츠이다. 성능 수치나 변화량은 포함되어 있지 않다.

Key Takeaway

JavaScript에서 Falsy 값은 6가지로 고정되어 있으므로 이 목록을 외우는 것이 핵심이다. 조건 판단 시 값의 타입과 변환 결과를 예측할 수 있어야 버그를 방지할 수 있다.