본문 바로가기

프로그래밍 언어/자바스크립트

boolean 값으로 JavaScript 프로그램 로직 제어하기

Boolean 값으로 JavaScript 프로그램 로직 제어하기

JavaScript에서 프로그램의 흐름을 제어하는 핵심 요소 중 하나는 Boolean 값입니다.
참(true)과 거짓(false)이라는 단순한 개념이지만, 이를 활용하여 강력한 로직을 구성할 수 있습니다.
이 글에서는 Boolean 값을 사용하여 JavaScript 프로그램을 보다 효과적으로 제어하는 방법을 깊이 있게 탐구해 보겠습니다.

 

 

목차

  1. Boolean 값이란?
  2. Boolean 연산자와 활용
  3. Boolean과 제어 구조
  4. Truthy와 Falsy 값
  5. 단락 평가(Short-Circuit) 활용
  6. 함수에서 Boolean 활용
  7. Boolean 활용 시 유의할 점

 

Boolean 값이란?

Boolean 값은 논리적 참과 거짓을 표현하는 데이터 유형입니다.

  • JavaScript에서 Boolean 값은 true 또는 false로 표현됩니다.
  • 비교 연산자(===, !==, <, > 등)를 사용하면 Boolean 값이 반환됩니다.

 

 

 

Boolean 연산자와 활용

Boolean 연산자는 프로그램 로직을 구성하는 핵심 요소입니다.

연산자 설명 예제
&& (AND) 두 값이 모두 true일 때 true 반환 true && false // false
|| (OR) 하나라도 true이면 true 반환 true || false // true
! (NOT) Boolean 값을 반전 !true // false

 

 

 

Boolean과 제어 구조

Boolean 값은 조건문과 반복문의 핵심 역할을 합니다.

if (isUserLoggedIn) {
    console.log("로그인 되었습니다.");
} else {
    console.log("로그인이 필요합니다.");
}

 

 

 

Truthy와 Falsy 값

JavaScript에서는 Boolean 값이 아닌 데이터도 참 또는 거짓으로 평가될 수 있습니다.

  • Falsy 값: false, 0, "", null, undefined, NaN
  • Truthy 값: 위에 언급되지 않은 모든 값 (예: "hello", 42, [])

 

 

 

 

단락 평가(Short-Circuit) 활용

단락 평가는 불필요한 연산을 줄여 성능을 최적화할 수 있습니다.

let username = user.name || "Guest";
console.log(username); // user.name이 없으면 "Guest" 출력

 

 

 

함수에서 Boolean 활용

Boolean 값을 활용하여 함수의 흐름을 제어할 수 있습니다.

function isAdult(age) {
    return age >= 18;
}
console.log(isAdult(20)); // true

 

 

 

Boolean 활용 시 유의할 점

  • 불필요한 비교 연산을 피하세요. (if (isLoggedIn === true) 대신 if (isLoggedIn))
  • Boolean 변수를 직관적인 이름으로 지정하세요. (예: isValid, hasPermission)
  • Boolean 값으로 의도를 명확히 전달하세요.

Boolean 값은 단순하지만 강력한 도구입니다. 이를 효과적으로 활용하면 더욱 깔끔하고 효율적인 JavaScript 코드를 작성할 수 있습니다.