[바닐라JS] 연산자 기본

연산자

어떤 값에 특정 작업을 수행하라는 기호(ex: typeof, +, -)

 

알아두기

true는 false보다 큰 값이다

거듭제곱, 곱하기, 나누기, 나머지 연산자가 더하기, 빼기보다 높다

소괄호가 없다면 ! 연산자는 < 연산자보다 높다

 

---

연산자의 우선순위

1) +와 -

+ 연산자를 사용할 때는 숫자보다 문자열이 우선

> '1' + 0;

< 10

 

- 연산자를 사용할 때는 자료형이 숫자로 형 변환된 후 빼기됨

> '5' - 1;

< 4

 

2) 더하기보다 곱하기의 우선 순위가 높다 → 더하기를 먼저 하고 싶다면 소괄호()로 감싼다

 

3) 부동소수점 문제

> 0.1 + 0.2;

< 0.30000000000000004

 

실수를 정수로 바꿔 계산한 다음 마지막에 다시 실수로 바꿔 해결한다

> (0.1 * 10 - 0.2 * 10) / 10;

< 0.3

 

4) 비교 연산자 <>

== 양쪽 값이 같은지

=== 양쪽 값이 같은지, 자료형까지 같은지

!= 양쪽 값이 다른지

!== 양쪽 값이 다른지, 자료형까지 다른지

 

첫 문자가 같은 글자 → 첫 문자를 빼고 나머지를 비교

한쪽에 두 번째 문자가 없는 경우  →  다음 문자가 존재하는 문자열의 값이 더 큼

문자열과 숫자의 크기를 비교할 경우 숫자가 아닌 자료형이 숫자로 형 변환된 후 비교함

 

5) 문자의 번호 알아보기

문자열.charCodeAt();

 

6) 논리 연산자

&& 그리고 : 앞의 값이 참이면 뒤의 값을 결과로, 앞의 값이 거짓이면 앞의 값을 결과로

|| 또는 : 앞의 값이 참이면 앞의 값을 결과로, 앞의 값이 거짓이면 뒤의 값을 결과로

! 참을 거짓으로, 거짓을 참으로 만드는 연산자

?? 널 병합 연산자: 앞의 값이 null이나 undefined면 뒤의 값을 결과로, null도 undefined도 아니면 앞의 값을 결과로

 

> !!'a';

< true

 

불 값으로 형 변환했을 때 false가 되는 값(거짓인 값)

!!false

!!''

!!0

!!NaN

undefined

null

 

7) 빈 값

undefined: 값이자 자료형, false와 같지 않다

null: 값이자 자료형, false와 같지 않다, object 버그 있음

undefined와 null은 같지 않다

undefined는 기본 값의 의미가 있지만 null은 아무 것도 없다