본문 바로가기
Spec UP - Frontend/생활코딩_JavaScript

비교연산자와 블리언

by TIS_Ha 2021. 9. 8.
반응형

비교연산자는 좌항과 우항의 값을 비교하여 True나 False를 출력한다.

비교연산자에는 ===와 >이 있다.


=== 은 동등비교 연산자라고 하며,

좌항과 우항을 비교하여 같은값이면 True, 다른 값이면 False를 출력하는 연산자이다.

html에 1===1, 1===2를 입력하면 입력한 그대로의 문자를 출력하지만,

자바스크립트에서 비교연산자를 기입하면 두값을 비교하여 True나 False를 출력한다.

(Ex. 1===1 -> 1과 1은 같은값이므로 True, 1===2 -> 1과 2는 다른 값이므로 False를 출력.)

 


다음은 비교연산자 중 둘의 크기값을 비교하는 부등호를 살펴봅시다.

 

부등호에 대한 예시를 살펴보기에 앞서 미리 html의 문법 한가지를 참고하기 바랍니다.

보통 부등호는 <,>로 표현하죠.

그런데 html의 문법을 공부해보면 태그를 선언할때 바로 이 <, >기호를 이용합니다.

 - HTML태그를 <,> 기호로 둘러싸 표현합니다.

 

때문에 < 기호는 html파일에 직접 사용할 수 없습니다.

(사용해도 브라우저가 자동으로 호환해주기도 하나 오류 발생될 수 있으므로 지양합니다.)

 

그렇다면 HTML에서 부등호는 어떻게 표현될까요?

  • < : &lt (Less than : 무엇에 비해 작다.)
  • > : &gt (Greater than : 무엇에 비해 크다.)

위 내용을 참조하여 표기하면 태그와 혼동되지않고 HTML내에서도 부등호를 표현할 수 있습니다.

 

 

html에 1&lt1 를 입력하면 위에서 설명드린 것처럼 1<1 부등호를 출력하는 것을 볼 수 있습니다.

하지만 자바스크립트에서 <,>은 비교연산자로 인식되어 True나 False를 출력합니다.

(Ex. 1>1 -> 1보다 1이 작지않으므로 False, 1<2 -> 1이 2보다 작으므로 True를 출력.)

 

 

 


여기서 True와 False 두가지 값을 묶어서 Boolean 이라고 부른다.

 

기존에 데이터타입을 공부하였을 때 대표적인 예시로 Number, String을 살펴보았는데 Boolean 역시 이러한 데이터 타입의 일종이다.

다만, number나 string은 무한한 데이터로 이루어져있지만 Boolean은 단 2개의 데이터(True,False)로만 이루어져있는 데이터타입이다.

반응형

댓글