Categories: JavaScript

JavaScript 자바스크립트 truthy, falsy 값

javascript

자바스크립트 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 개념을 이해하면 조건문, 논리 연산, 그리고 단축평가 등의 자바스크립트 기능을 효과적으로 활용할 수 있습니다.