표로 보는 비교 연산자

	크다	작다	크거나 같다	작거나 같다	같다	같지 않다
일반 기호	<	>	≤	≥	=	≠
JS	<	>	<=	>=	==	!=

비교 연산자를 사용하면 값이 반환되는데, 그 반환 값은 항상 Boolean형인 true 또는 false로 나타난다.

console.log(5 < 10);   // true
console.log(7 > 3);    // true
console.log(5 <= 5);   // true
console.log(8 >= 10);  // false

❓ = vs == vs === 의 차이

위의 3가지 이퀄은 모두 다른 의미를 가지고 있다.

= (할당 연산자)

• = 연산자는 비교 연산자가 아닌 할당 연산자이다.
• 좌항에 우항의 값을 할당할 때 사용한다.

let a = 3;
a = 5;

== (동등 비교 연산자)

• == 연산자는 좌항과 우항의 값이 서로 같은지 평가하며, 온전히 값만 비교한다.
  그렇기 때문에 문자형 5와 숫자형 5가 같냐는 코드에 대해 true를 리턴했다.
  (이런 작동방식은 예기치 못한 오류를 발생 시킬 수 있다.)

console.log(5 == 5);   // true
console.log("5" == 5); // true (암묵적 형 변환 후 비교)
console.log(5 == "6"); // false (암묵적 형 변환 후 비교)

=== (일치 비교 연산자)

• === 연산자는 좌항과 우항의 자료형과 값이 모두 일치해야 true를 반환하고, 그렇지 않다면 false를 리턴한다.
• 암묵적 형 변환이 발생하지 않으며, 엄격한 비교를 한다.

console.log(5 === 5);   // true
console.log("5" === 5); // false (자료형이 다름)
console.log(5 === "6"); // false (자료형과 값이 다름)

!= (부등 비교 연산자)

• != 연산자는 좌항과 우항의 값이 서로 다른지를 평가한다.
• == 연산자와 반대로 값이 다르면 true를 반환하고, 값이 같으면 false를 반환한다.

console.log(5 != 3);   // true
console.log(5 != 5);   // false

!== (불일치 비교 연산자)

• !== 연산자는 좌항과 우항의 자료형과 값이 모두 다른지를 확인한다.
• === 연산자와 반대로 값이나 자료형 중 하나라도 다르면 true를 반환하고,
  값과 자료형이 모두 일치하면 false를 반환한다.

console.log(5 !== 3);   // true
console.log("5" !== 5); // true
console.log(5 !== "5"); // true
console.log(5 !== 5);   // false

== (동등 비교 연산자)나 != (부등 비교 연산자)는 예기치 못한 오류를 발생 시킬 수 있기 때문에
=== (일치 비교 연산자) 또는 !== (불일치 비교 연산자)를 쓰도록 하자.