프론트엔드/JAVASCRIPT

JavaScript 불리언(Boolean)

CYANREDSKY 2025. 9. 23. 06:32

불리언(Boolean) 은 프로그래밍에서 참(true) 또는 거짓(false) 두 가지 값만을 가지는 자료형입니다.
웹 개발, 조건문, 제어문 등에서 논리적 판단을 할 때 가장 기본적으로 사용됩니다.

1. 기본 개념

  • 값은 true 또는 false
  • 논리 연산의 결과로 자주 사용됨
  • 조건문(if, while 등)에서 분기 처리를 위해 필수
let isActive = true;
let isLogin = false;
 

2. 불리언으로 변환 (Truthy / Falsy)

JavaScript에서는 불리언이 아닌 값도 조건문에서 자동 변환됩니다.

Falsy 값 (false로 취급됨)

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

Truthy 값 (true로 취급됨)

위의 Falsy 값 이외의 모든 값 → 숫자, 문자열, 객체, 배열 등

if ("hello") {
  console.log("실행됨"); // "hello"는 truthy
}

if (0) {
  console.log("실행 안 됨"); // 0은 falsy
}
if ("hello") {
  console.log("실행됨"); // "hello"는 truthy
}

if (0) {
  console.log("실행 안 됨"); // 0은 falsy
}

3. 불리언 함수 변환

값을 명시적으로 불리언으로 바꾸려면 Boolean() 함수 또는 !!(이중 부정) 사용

console.log(Boolean(123));   // true
console.log(Boolean(""));    // false
console.log(!!"JavaScript"); // true

4. 논리 연산자와 불리언

  • AND (&&): 둘 다 true일 때 true
  • OR (||): 하나라도 true면 true
  • NOT (!): 반대값 반환
let a = true;
let b = false;

console.log(a && b); // false
console.log(a || b); // true
console.log(!a);     // false

5. 활용 예시

조건문

let isMember = true;

if (isMember) {
  console.log("회원 전용 페이지 접근 허용");
} else {
  console.log("비회원은 로그인 필요");
}

짧은 조건 평가 (Short-circuit)

let user = null;
let name = user || "Guest"; // user가 falsy → "Guest" 할당
console.log(name); // Guest

마무리

불리언은 단순히 참/거짓만 표현하지만, 실제 프로그래밍에서는 조건 분기, 데이터 검증, 로직 제어에 빠질 수 없는 핵심 자료형입니다. 특히 JavaScript에서는 truthy/falsy 개념까지 이해하면 훨씬 유연하게 활용할 수 있습니다.

'프론트엔드 > JAVASCRIPT' 카테고리의 다른 글

JavaScript 반복문 정리  (0) 2025.09.23
JavaScript 배열(Array) 정리  (0) 2025.09.23
JavaScript 조건문 정리  (0) 2025.09.23
JavaScript i++ 와 ++i 의 차이  (0) 2025.09.23
JavaScript란 무엇인가?  (0) 2025.09.22