JavaScript에서 Boolean 값 다루기: Booleans 완벽 가이드 - 좋은공간 좋은집

JavaScript에서 Boolean은 단 두 가지 값, true와 false로 이루어진 자료형입니다. 이 값들은 논리적인 조건을 다루거나 제어 흐름을 결정하는 데 사용됩니다. 이번 글에서는 JavaScript에서 Booleans가 어떻게 동작하는지, 다양한 사용 사례와 유용한 팁을 살펴보겠습니다.

JavaScript의 Boolean 값

Boolean 값은 기본적으로 true 또는 false로 표현되며, 이는 프로그램의 논리적 흐름을 제어하는 데 매우 중요합니다. 이 값들은 조건문, 반복문, 함수의 반환값 등 다양한 곳에서 사용됩니다.

Boolean 값의 기본 예시

// Boolean 값
let isTrue = true;
let isFalse = false;

console.log(isTrue);  // true
console.log(isFalse); // false

위 예시는 가장 기본적인 Boolean 값 true와 false를 변수에 저장한 후 출력하는 예시입니다.

Boolean으로 평가되는 값

JavaScript에서는 **Truthy**와 **Falsy**라는 개념을 통해 값이 Boolean으로 평가될 수 있습니다. 이는 특정 값들이 명시적인 true 또는 false가 아니더라도, 논리 연산에서 Boolean으로 변환되는 상황을 설명합니다.

Truthy 값

다음 값들은 JavaScript에서 truthy로 평가되며, 논리적 평가에서 true로 간주됩니다:

• 숫자(0을 제외한 모든 숫자)
• 문자열(빈 문자열 제외)
• 객체와 배열

// Truthy 값 예시
console.log(Boolean(1));        // true
console.log(Boolean("hello"));  // true
console.log(Boolean([]));       // true
console.log(Boolean({}));       // true

Falsy 값

다음 값들은 JavaScript에서 falsy로 평가되며, 논리적 평가에서 false로 간주됩니다:

• false
• 0 (숫자 0)
• "" (빈 문자열)
• null
• undefined
• NaN (숫자가 아님)

// Falsy 값 예시
console.log(Boolean(0));        // false
console.log(Boolean(""));       // false
console.log(Boolean(null));     // false
console.log(Boolean(undefined)); // false
console.log(Boolean(NaN));      // false

위에서 보듯이, 이러한 값들은 논리적 평가에서 모두 false로 간주됩니다.

Boolean 값 변환

특정 값이 논리적 평가에서 true 또는 false로 변환되는 경우를 쉽게 확인하기 위해, JavaScript는 Boolean() 함수를 제공합니다. 이 함수는 값을 명시적으로 Boolean 값으로 변환해줍니다.

// Boolean 변환
console.log(Boolean(10));       // true
console.log(Boolean("JavaScript"));  // true
console.log(Boolean(0));        // false
console.log(Boolean(null));     // false

위 예시에서는 Boolean() 함수를 통해 값들이 true 또는 false로 변환되는 과정을 확인할 수 있습니다.

Boolean 값을 사용한 조건문

Boolean 값은 조건문에서 자주 사용됩니다. 조건문은 특정 조건이 true일 때 코드를 실행하고, 그렇지 않으면 다른 코드를 실행하도록 제어하는 역할을 합니다.

1. if문 사용하기

// if 문 사용
let isLoggedIn = true;

if (isLoggedIn) {
  console.log("로그인되었습니다.");
} else {
  console.log("로그인되지 않았습니다.");
}

위 예시는 isLoggedIn 변수가 true일 때와 false일 때 서로 다른 메시지를 출력합니다.

2. 삼항 연산자

삼항 연산자(?:)는 조건에 따라 값을 선택하는 간결한 방법입니다.

// 삼항 연산자 사용
let userRole = "admin";
let message = userRole === "admin" ? "관리자입니다." : "일반 사용자입니다.";

console.log(message);  // 관리자입니다.

이 코드는 조건에 따라 다른 메시지를 출력하는 예시입니다. 삼항 연산자는 간결한 논리 평가에 유용합니다.

Boolean 연산

Boolean 값을 다룰 때, 논리 연산자를 사용해 복잡한 조건을 처리할 수 있습니다. JavaScript는 세 가지 주요 논리 연산자를 제공합니다: AND(&&), OR(||), NOT(!).

1. AND 연산자 &&

AND 연산자는 두 조건이 모두 true일 때만 true를 반환합니다.

// AND 연산자
let age = 25;
let hasLicense = true;

if (age >= 18 && hasLicense) {
  console.log("운전할 수 있습니다.");
} else {
  console.log("운전할 수 없습니다.");
}

이 예시에서는 나이가 18세 이상이고, 운전 면허가 있는 경우에만 운전이 가능하다는 조건을 AND 연산자로 처리합니다.

2. OR 연산자 ||

OR 연산자는 두 조건 중 하나라도 true이면 true를 반환합니다.

// OR 연산자
let hasCar = false;
let hasBike = true;

if (hasCar || hasBike) {
  console.log("이동 수단이 있습니다.");
} else {
  console.log("이동 수단이 없습니다.");
}

이 코드는 자전거 또는 자동차가 있는 경우에만 '이동 수단이 있다'는 메시지를 출력합니다.

3. NOT 연산자 !

NOT 연산자는 값의 논리 상태를 반전시킵니다. 즉, true는 false로, false는 true로 바뀝니다.

// NOT 연산자
let isRaining = false;

if (!isRaining) {
  console.log("우산이 필요 없습니다.");
} else {
  console.log("우산을 챙기세요.");
}

이 예시에서는 비가 오지 않을 때 '우산이 필요 없다'는 메시지를 출력합니다.

결론

JavaScript에서 Boolean 값은 프로그램의 흐름을 제어하고, 다양한 논리 연산을 처리하는 데 필수적인 역할을 합니다. Truthy와 Falsy 값의 개념을 이해하고, 조건문 및 논리 연산자를 적절히 사용하면 더 복잡한 조건을 효과적으로 처리할 수 있습니다. 이제 Boolean 값을 자유롭게 사용해 코드의 논리적 흐름을 제어해보세요!