[JavaScript] 자바스크립트에서 진위 여부(true or false) 판별하기 (Boolean)

019 _ 자바스크립트에서 진위 여부(true or false) 판별하기 (Boolean)

[적용]

• 브라우저 버전에 따라 알림창을 띄우고 싶을 때
• 입력 항목에 따라 확인 버튼을 무효화하고 싶을 때

---

[내용]

A 조건의 경우 A 작업, B 조건의 경우 B 작업 등 조건에 따라 처리를 구분하는 것은 프로그래밍의 필수 요소이다.

자바스크립트의 데이터 타입 중 하나인 Boolean은 참과 거짓의 진위 여부 판별을 위한 데이터 타입이다.

---

 

[예시1]

다음의 예제코드를 통해 boolean 데이타 타입의 사용을 확인해보자

 

JavaScript

const a = 10;
const b = 20;

console.log(a < b);  // 결과: true
console.log(a > b);  // 결과: false

---

[예시2]

주로 if문과 함께 조건에 따른 작업 처리를 구분할 때 사용한다.

 

JavaScript

// iOS 여부 확인
const isIOs = navigator.userAgent.includes('iPhone');

if (isIOs) {
    // iOS용 처리 작업
}

---

[예시3]

0 이외의 숫자 타입, ' ' (작은따옴표) 이외의 문자열 타입, 배열 타입, 객체 타입 등

if의 조건식에 들어가는 데이터는 참(true)로 간주된다.

 

JavaScript

// '홍길동님 안녕하세요' 알림창 표시
const userName = '홍길동';
if (userName) {
    alert(`${userName}님 안녕하세요.`);
}

// address가 ''이므로 알림창을 표시하지 않음
const address = '';
if (address) {
    alert(`당신은 ${address}에 살고 계시네요.`);
}

---

[예시4]

진리값에 '!'를 붙이면 반대의 값을 가진다(논리 부정 연산자).

 

JavaScript

// JavaScript 문자열의 'a' 문자 포함 여부
const flg = 'JavaScript'.includes('a');
console.log(!flg);  // 결과: false

---

[예시5]

다른 타입의 값에 붙이면 값이 참 혹은 거짓으로 변환된다.

 

JavaScript

console.log(!'홍길동');  // 결과: false
console.log(!24);  // 결과: false
console.log(![1, 2, 3]);  // 결과: false

---

[예시6]

'!'를 두 번 사용하면 데이터의 타입이 Boolean으로 변환된다.

 

JavaScript

console.log(!!'홍길동');  // 결과: true
console.log(!!24);  // 결과: true
console.log(!![1, 2, 3]);  // 결과: true

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김