웹개발/JavaScript

자바스크립트에서 Truthy와 Falsy 이해하기

튼튼발자 2024. 5. 20. 19:30
728x90

자바스크립트에서 조건문을 작성할 때, 변수의 값이 참(Trythy)인지 거짓(Falsy)인지를 이해하는 것이 중요합니다.

Truthy와 Falsy는 논리적 평가에서 사용되는 개념으로, 불리언 값이 아닌 값들이 참 또는 거짓으로 평가되는 방식을 설명합니다.


Falsy값

Falsy 값은 논리적 평가에서 거짓으로 간주되는 값입니다. 주요 Falsy 값은 다음과 같습니다.

  • false
  • 0
  • " " (빈 문자열)
  • null
  • undefined
  • NaN

이 값들은 조건문에서 모두 거짓으로 사용됩니다.

if (!false) console.log("Falsy");   // 출력됨
if (!0) console.log("Falsy");       // 출력됨
if (!"") console.log("Falsy");      // 출력됨
if (!null) console.log("Falsy");    // 출력됨
if (!undefined) console.log("Falsy"); // 출력됨
if (!NaN) console.log("Falsy");     // 출력됨

Truthy값

Falsy 값이 아닌 모든 값은 Truthy 값으로 간주됩니다. 예를 들어, 빈 배열 [ ] 이나 빈 객체 { } 도 Truthy 값입니다.

if ([]) console.log("Truthy");      // 출력됨
if ({}) console.log("Truthy");      // 출력됨
if ("hello") console.log("Truthy"); // 출력됨
if (42) console.log("Truthy");      // 출력됨

Truthy와 Falsy 개념을 이해하면 자바스크립트의 가독성을 높이고, 조건문에서 발생할 수 있는 예기치 않은 오류를 줄일 수 있습니다.

더 자세한 내용은 여기를 참조하세요

728x90