Chapter 02 자바스크립트 기본 - 불리언

2.4 불리언

▲ 불리언 : 자바스크립트에서 참과 거짓이라는 값을 표현할 때 불리언을 사용함

 

▲ 비교 연산자 : 두 대상을 비교할 수 있는 연산자

연산자	설명
>=	좌변이 우변보다 크거나 같다.
<=	좌변이 우변보다 작거나 같다.
>	좌변이 크다.
<	우변이 크다.
==	좌변과 우변이 같다.
!=	좌변과 우변이 다르다.

 

▲ 불리언으로 문자열 비교 : 문자열은 국어사전의 앞쪽에 있을 수록 작은 값을 가짐.
또한 유니코드 문자를 사용해 비교하므로 모든 언어 비교 가능

 

▲ 논리 연산자 : 비교 연산자를 사용하면 불리언을 만들 수 있고, 불리언끼리는 논리 연산이 가능함.
자바스크립트는 세 가지 논리 연산자를 제공함

연산자	설명
!	논리 부정 연산자
&&	논리곱 연산자
||	논리합 연산자

 

▲ 논리곱 연산자(&&) : 좌변과 우변이 모두 참일 때만 참을 나타냄

좌변	우변	결과
true	true	true
true	false	false
false	true	false
false	false	false

 

▲ 논리합 연산자(||) : 좌변과 우변이 모두 거짓일때만 거짓을 나타냄

좌변	우변	결과
true	true	true
true	false	true
false	true	true
false	false	false

 

 

코드 2-9.  비교 연산자를 사용한 참과 거짓의 구별

<script>
    alert(52 > 273); //false
    alert(52 < 273); //true
</script>

<코드설명> 문자열과 숫자는 만드는 방법에 따라 수많은 종류가 있지만, 불리언은 true와 false 두 가지만 만들 수 있음

 

코드 2-10.  불리언과 불리언의 비교

<script>
   alert(true > false); //true
</script>

<코드설명>  true는 1을 변환, false는 0을 변환하기 때문에 alert(1>0)으로 true를 출력함

 

코드 2-11.  불리언과 조건문

<script>
    if(273 < 52){
        alert('273은 52보다 작습니다.');
    }
        
    if(273 > 52){
        alert('273은 52보다 큽니다.');
    }
</script>

<코드설명>  조건문 괄호 안의 불리언 표현식이 참이면 중괄호 속의 문장을 실행. 거짓이면 중괄호 속의 문장을 무시함

 

코드 2-12.  논리 부정 연산자

<script>
    alert(!true); //false
    alert(!false); //true
</script>

<코드설명>  논리 부정 연산자는 참을 거짓으로, 거짓을 참으로 바꿈

 

코드 2-13.  잘못된 비교 연산자의 사용

<script>
    alert(30>20>10); //false
</script>

<코드설명>  비교 연산자가 여러 개 있을 경우, 자바스크립트는 왼쪽부터 차례대로 연산하면서 문제가 발생함 => 논리 연산자를 함께 사용해야함

 

코드 2-14.  비교 연산자와 논리 연산자

<script>
    alert(30>20 && 20>10); //true
</script>

<코드설명>  비교 연산자와 논리 연산자를 함께 사용하여 올바르게 숫자가 해당 범위에 위치하는지 비교할 수 있음