반응형
자바스크립트에는 연산을 위한 다양한 연산자들이 존재합니다. 오늘은 자바스크립트 연산자들에 대해 알아보겠습니다.
- 연산자와 피연산자
연산자는 연산을 수행하는 기호이며 피연산자는 연산의 대상이 되는 변수나 상수입니다.
예를 들어 x + y 라는 식에서 x,y는 피연산자이며 +는 연산자입니다.
- 산술 연산자
+ , - , / , * 과 같은사칙연산을 다루는 연산자입니다.
산술 연산자 | 식 |
+ | x+y |
- | x-y |
/ | x/y |
* | x*y |
- 할당 연산자 or 대입 연산자
변수에 값을 대입할 때 사용하는 연산자입니다.
할당 연산자 or 대입 연산자 | 식 | 동일 표현 |
= | x=y | x=y |
+= | x+=y | x=x+y |
-= | x-=y | x=x-y |
*= | x*=y | x=x*y |
/= | x/=y | x=x-y |
- 증감 연산자
증감 연산자는 피연산자를 1 증가 혹은 감소시킬때 사용합니다. 이 연산자는 피연산자가 하나인 단항 연산자입니다.
++나 --가 앞에 붙으면 피연산자의 값을 증가 혹은 감소 시킨 뒤 연산을 진행하고 뒤에 붙으면 연산을 진행후 값을 증가 혹은 감소시킵니다.
증감 연산자 | 설명 |
++x | 피연산자의 값을 1 증가 시키고 난 후 연산 진행 |
x++ | 연산 진행 후 피연산자의 값 1 증가 |
--x | 피연산자의 값을 1 감소 시키고 난 후 연산 진행 |
x-- | 연산 진행 후 피연산자의 값 1 감소 |
- 비교 연산자
좌항과 우항의 피연산자들을 비교하는 연산자입니다. 결과에 따라 참과 거짓을 반환합니다.
비교 연산자 | 식 | 설명 |
== (동등 비교 연산자) | x==y | x와 y의 값이 같음 |
=== (일치 비교 연산자) | x===y | x와 y의 값과 타입이 같음 |
!= | x!=y | x와 y의 값이 다름 |
!== | x!==y | x와 y의 값과 타입이 다름 |
===(일치 비교 연산자)는 ==(동등 비교 연산자)보다 엄격한 연산자 입니다.
1=='1' //true
1==='1' //false
위와 같이 동등 비교 연산자는 숫자 1과 문자 '1'의 값을 true로 반환하지만 일치 비교 연산자는 false로 반환합니다. 따라서 동등 비교 연산자보다는 더 엄격한 일치 비교 연산자를 쓰는 것이 좋습니다.
- 논리 연산자
논리 연산자는 연산자에 따라 좌항과 우항을 판단하여 참과 거짓을 반환합니다. &&, ||, ! 연산자가 있습니다.
논리 연산자 | 식 | 설명 |
&& (and) | A && B | 좌항과 우항이 모두 참이면 참을 반환 |
|| (or) | A || B | 좌항과 우항 하나만 참이면 참을 반환 |
! (not) | !true, !false | 반환한 결과의 반대를 반환 |
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript] 조건문 (0) | 2021.01.23 |
---|---|
[Javascript] 전역 변수, 지역 변수 (0) | 2021.01.23 |
[Javascript] 자바스크립트의 기본 (0) | 2021.01.17 |