관계 연산자(또는 비교 연산자)는 관계를 판별하는 연산자이다.
const num1=9
const num2=2
const result=(num1>=num2)
사용 부호는 >=, <=, >, <, ==, != 들이 있다.
num1 >= num2 즉, num1이 num2 이상이다라는 말이 된다.
여기서 num1이 num2 이상인가에 대해 의문문을 사용하여 관계를 물어보고 큰지 작은지 판별한다.
결과가 참이면 전체가 true로 바뀌고 거짓이면 false로 바뀐다.
아래는 여러가지 경우이다.
num1>=num2 : num1이 num2 이상인가?
num1>num2 : num1이 num2 보다 큰가?
num1<=num2 : num1이 num2 보다 작은가?
num1==num2 : num1이 num2와 같은가?
num1!=num2 : num1이 num2와 다른가?
간단하게 대입해보면,
const result=(num1==num2);
num1과 num2가 다른가? 같으면 true, 다르면 false
result=(num1!=num2)
num1과 num2가 다른가? / 다르면 true, 같으면 false
==, ===의 차이점.
= : 대입, == : 관계 연산자 (같은가?), === : 관계 연산자 (데이터 타입까지 같은가?)
const num1=9;
const num2="9";
const result = (num1==num2)
num1과 num2가 같은가? 정수9 문자9는 다르기 때문에 다르게 나와야 한다. 하지만 값은 같으므로 true이다.
== : 값만 같은지 비교한다. 9와 "9"는 데이터 타입은 다르지만 값은 같다.
result = (num1===num2)
num1과 num2가 엄격하게 같은가?
값뿐만 아니라 데이터 타입까지 같아야 같다고 판단한다. 값은 같지만 데이터 타입이 다르므로 false이다.
위와 비슷하지만 반대로, !=, !==가 있다.
!= : 다른가?, !==, 엄격하게 다른가?(데이터 타입까지 다른가?)
9와 "9"는 값은 같지만 데이터 타입은 다르기 때문에 !== 사용 시 true로 판단한다.
'공부 > JavaScript' 카테고리의 다른 글
[JS] prompt (0) | 2022.01.15 |
---|---|
[JS] 논리 연산자 (0) | 2022.01.15 |
[JS] 나머지 연산자 (0) | 2022.01.15 |
[JS] 변수 (0) | 2022.01.15 |
[JS] document 객체, write 메서드, 문자열 작성 (0) | 2022.01.15 |