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

Network 인터넷 네트워크란? 개념과 구조 완벽 정리

인터넷 네트워크란? "인터넷(Internet)"이라는 단어는 "인터네트워크(Internetwork)"의 줄임말입니다. 즉, 여러 개의 네트워크가 상호 연결되어 전 세계적으로 하나의…

3주 ago

Spring 스프링 빈 스코프(Bean Scope) 개념 정리

스프링 빈(Spring Bean)과 IoC 컨테이너 스프링 프레임워크의 핵심 철학은 IoC(Inversion of Control) 컨테이너를 통해 객체(빈,…

4주 ago

Spring 스프링 빈 생명주기(Bean Lifecycle)와 콜백(Callback)

스프링 빈이란? 스프링 프레임워크에서 "스프링 빈(Bean)"이란, IoC(Inversion of Control) 컨테이너가 직접 관리하는 객체를 말합니다. @Component,…

1개월 ago

Spring 스프링 의존성 주입(Dependency Injection)이란?

의존성 주입(Dependency Injection)이란? 프로그램을 개발하다 보면, 여러 클래스나 객체들은 서로 필요한 기능을 사용하기 위해 관계를…

1개월 ago

Spring 스프링 컴포넌트 스캔(Component Scan)이란?

컴포넌트 스캔이란? 컴포넌트 스캔(Component Scan)은 스프링 프레임워크가 특정 패키지를 탐색하면서, 스캔 대상에 해당하는 클래스를 찾아…

2개월 ago

Spring 스프링 빈(Bean)이란?

스프링 빈이란? 스프링 빈(Spring Bean)은 스프링 IoC(Inversion of Control) 컨테이너가 관리하는 자바 객체를 의미합니다. 간단히…

2개월 ago