Categories: JavaScript

JavaScript 자바스크립트 truthy, falsy 값

자바스크립트 truthy, falsy 란?

자바스크립트에서 truthy와 falsy는 값이 조건식에서 참 또는 거짓으로 평가되는 방식을 나타냅니다. truthy는 조건이 참으로 평가되는 값이고, falsy는 거짓으로 평가되는 값입니다.

truthy 와 falsy 값의 목록

truthy

참 같은 값
falsy 로 정의된 값이 아니면 모두 truthy 로 평가 됩니다.

  • 숫자: 모든 숫자 중 0을 제외한 나머지 숫자
  • 문자열: 비어있지 않은 모든 문자열
  • 객체: 빈 객체({}) 또는 배열([])을 포함한 모든 객체
  • 함수: 정의된 함수
  • 기타: true, Infinity, -Infinity

falsy

거짓 같은 값

  • false: 불리언 false 값
  • 0: 숫자 0, -0
  • 빈 문자열: ” 또는 “”
  • null: 값이 없음을 나타내는 특별한 값
  • undefined: 정의되지 않은 값
  • NaN: 숫자가 아닌 값

truthy 와 falsy 값의 형변환

truthy 값은 조건식에서 true 로 평가되며, truthy 값은 자동으로 논리적인 true 로 형변환됩니다.
falsy 값은 조건식에서 false 로 평가되며, falsy 값은 자동으로 논리적인 false 로 형변환됩니다.

JavaScript
// truthy 값에서의 형변환
console.log(Boolean(true));       // true
console.log(Boolean(12));         // true
console.log(Boolean("Hello"));    // true
console.log(Boolean({}));         // true
console.log(Boolean([]));         // true
console.log(Boolean(function(){}));// true

// falsy 값에서의 형변환
console.log(Boolean(false));      // false
console.log(Boolean(0));          // false
console.log(Boolean(""));         // false
console.log(Boolean(null));       // false
console.log(Boolean(undefined));  // false
console.log(Boolean(NaN));        // false
JavaScript

truthy 와 falsy 값의 예제

truthy 값의 예제

truthy 값의 대한 예시입니다.
참 같은 값(truthy)들은 true 로 변환되기 때문에 아래의 모든 if 블록은 실행됩니다.

JavaScript
let num = 12;
if (num) {
  console.log("이 값은 truthy입니다.");
}

let str = "Hello";
if (str) {
  console.log("이 값은 truthy입니다.");
}

let arr = [1, 2, 3];
if (arr) {
  console.log("이 값은 truthy입니다.");
}
JavaScript

falsy 값의 예제

falsy 값의 대한 예시입니다.
거짓 같은 값(falsy)들은 false 로 변환되므로, 아래의 모든 if 블록은 실행되지 않습니다.

JavaScript
if (false) {
  // 실행 되지 않습니다.
}

if (0) {
  // 실행 되지 않습니다.
}

if ("") {
  // 실행 되지 않습니다.
}
JavaScript

결론

truthy 와 falsy 는 자바스크립트에서 조건을 평가하고 값을 할당하는데 중요한 역할을 합니다. 이를 활용하면 코드를 간결하게 작성하고 예상치 못한 동작을 방지할 수 있습니다. truthy 와 falsy 개념을 이해하면 조건문, 논리 연산, 그리고 단축평가 등의 자바스크립트 기능을 효과적으로 활용할 수 있습니다.

suover

Recent Posts

웹 서버(Web Server)와 WAS(Web Application Server) 알아보기

서론 현대 웹 애플리케이션 아키텍처에서 웹 서버(Web Server) 와 웹 애플리케이션 서버(WAS, Web Application Server)…

1개월 ago

HTTP 헤더(Header)란 무엇인가?

HTTP 헤더(Header)란? HTTP(Header)는 클라이언트와 서버 간에 교환되는 메타데이터로, 요청(Request)과 응답(Response)에 부가적인 정보를 실어 나르는 역할을…

1개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 후기

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago

인프런 워밍업 클럽 스터디 3기 – 백엔드 클린 코드, 테스트 코드 4주차 회고

Readable Code: 읽기 좋은 코드를 작성하는 사고법Practical Testing: 실용적인 테스트 가이드 강의와 함께한 인프런 워밍업 클럽…

2개월 ago

실용적인 테스트 가이드: @Mock, @MockBean, @Spy, @SpyBean, @InjectMocks

테스트 시 의존성 주입(Dependency Injection)과 Mockito Spring 애플리케이션을 개발하다 보면, 테스트 코드에서 실제 빈(Bean)을 사용하지…

2개월 ago

실용적인 테스트 가이드: Layered Architecture 레이어드 아키텍처

들어가며 스프링 기반 프로젝트에서 좋은 설계 구조와 테스트 전략은 소프트웨어 품질과 유지보수성에 직결됩니다. 최근 학습한…

2개월 ago