🔖 2-6. 불 값(boolean, 값들의 비교)

컴퓨터는 실제로 1과 0밖에 모른다. 1과 0은 참과 거짓에 대응된다. 자바스크립트에도 true와 false를 나타내는 불 값(boolean)이라는 자료형이 있다.

 

📌 불 값 표현하기

true; // true

false; // false

typeof true; // "boolean"

 

 

 

📌 비교 연산자 사용하기

참과 거짓은 논리식의 결괏값으로 주로 사용된다. 예를 들어, 숫자를 비교할 때 결괏값으로 불 값이 나온다.

5 > 3; // true
5 < 3; // false

5 >= 5; // true
5 <= 4; // false

5 == 5; // true

5 != 5; // false

>, < 연산자는 초과, 미만을 나타내고

>=, <= 연산자는 이상, 이하를 나타낸다.

 

== 두 값이 같음

!= 두 값이 같지 않음

 

 

📚 NaN끼리 비교하기

NaN은 비교할 때 독특한 성질을 보인다. NaN끼리 비교하면 false 값을 가진다.

이는 숫자, 문자열, 불 값을 통틀어 false가 나오는 유일한 값이다.

NaN은 비교 연산에서 false를 출력한다고 알아 두자. 다만, != 연산에서는 true를 출력한다.

NaN == NaN; // false

NaN > NaN; // false

NaN >= NaN; // false

NaN !=  NaN; // true

 

불 값,문자열끼리 비교하기

// 불 값끼리 비교
true > false; // true

// 문자열 끼리 비교
'b' > 'a'; // true

'ad' > 'ab' // true 

'ab' > 'a' // true

// 이 아래로 다른 자료형끼리 비교
'3' < 5; // true

'abc' < 5; // false
// ▲ 다른 자료형이 모두 숫자로 형변환된 후 비교

true가 false보다 큰 값임을 기억하자. true는 숫자로 변환하면 1이고, false는 숫자로 변환하면 0이다.

 

문자열끼리 비교하는 경우는 조금 복잡하다. 기본으로 문자의 번호를 따른다. 문자의 번호가 클수록 값이 크다. 사전순이라고 기억하면 좋다.

 

다른 자료형끼리 비교할때는 빼기 연산자 처럼 다른 자료형이 모두 숫자로 형 변환된 후 비교한다.

 

📚 문자의 번호를 알아보기

'a'.charCodeAt(); // 97

 

 

 

📌 ==와 === 차이 이해하기

// 값만 비교
'1' == 1; // true

1 == true; // true

// 값과 자료형도 비교
'1' === 1; // false

1 === true; // false

1 === 1 // true

== 값만 같아도 true

 

=== 값과 자료형까지 같아야 true

 

// 값만 비교
1 != '1'; // false

// 값과 자료형도 비교
1 !== '1' // true

 

!= 값만 같지않아도 true

 

!== 값과 자료형까지 같지않아야 true