TIL 09 | 헷갈리는 연산자 정리

1) =!와 ==!의 차이

먼저, ==과 ===의 차이는 무엇일까요? 바로 타입 비교 여부입니다.==는 '값'만 비교합니다. ===는 '타입'까지 비교합니다! 아래 경우 자바스크립트는 정수형 1과 문자열 '1'이 값은 같다고 판단하지만 타입은 다르다고 판단합니다.

console.log(1 == '1'); => true
console.log(1 === '1'); => false

!==와 !=의 차이도 똑같이 타입까지 비교하느냐의 차이 입니다.

2) &&연산자와 ||연산자 중 무엇이 더 우선순위가 높을까?

&&(AND연산자)는 ||(OR연산자)보다 우선순위가 높다.
a && b || c && d = (a && b) || (c && d)와 같다.

3) 할당연산자

x += y 
=> (뜻: x와 y값을 더하여 x에 할당한다.)
   (x = x + y)

x -= y => (뜻) x = x - y

x *= y => (뜻) x = x * y
x /= y => (뜻) x = x / y
x %= y => (뜻) x = x % y
	
지수 연산 할당 x **= y =>(뜻) x = x ** y

(등등) MDN의 표현식과 연산자에서 발췌
https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#%ED%95%A0%EB%8B%B9_%EC%97%B0%EC%82%B0%EC%9E%90

4) 삼항 연산자

조건 연산자 는 JavaScript에서 3개의 항을 사용하는 유일한 연산자 입니다. 조건 연산자는 조건에 따라 2개의 값중 하나를 가질 수 있습니다. 문법은 다음과 같습니다.

let status = (age >= 18) ? "adult" : "minor";

age 변수가 18보다 같거나 클때 "adult" 값을 status 변수에 할당합니다. 그렇지 않은 경우, 이 구문은 "minor"값을 status변수에 할당합니다.