비교연산자는 좌항과 우항의 값을 비교하여 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에서 부등호는 어떻게 표현될까요?
- < : < (Less than : 무엇에 비해 작다.)
- > : > (Greater than : 무엇에 비해 크다.)
위 내용을 참조하여 표기하면 태그와 혼동되지않고 HTML내에서도 부등호를 표현할 수 있습니다.
html에 1<1 를 입력하면 위에서 설명드린 것처럼 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)로만 이루어져있는 데이터타입이다.
'Spec UP - Frontend > 생활코딩_JavaScript' 카테고리의 다른 글
중복의 제거를 위한 리팩토링(this,변수활용) (0) | 2021.09.08 |
---|---|
조건문 (feat. 조건문을 이용한 주간모드,야간모드 전환 버튼 생성) (0) | 2021.09.08 |
제어할 태그 선택하기 (야간모드,주간모드 버튼 생성) (0) | 2021.09.08 |
CSS 기초 : 선택자 (0) | 2021.09.08 |
변수와 대입 연산자 (0) | 2021.09.06 |
댓글