JAVASCRIPT

연산자의 종류 알아보기

코른이되고싶은코린이 2023. 2. 21. 20:43
728x90
연산자란?
' 3 + 5 ' ' 3 < 5 ' 등과 같이 프로그램에 필요한 수식을 만들 때 사용하는 것이 연산자 이다.

 

산술연산자
산술 연산자 종류 속성 설명
+ 더하기 연산을 할 때 사용한다.
문자와 문자, 문자와 변수 등을 연결할 때 사용한다.
- 빼기 연산을 할 때 사용한다.
* 곱하기 연산을 할 때 사용한다.
/ 몫을 구 할 때 사용 한다.
% 나머지를 구할 때 사용한다.
++ 1씩 증가시킬 때 사용한다.
-- 1씩 감소시킬 때 사용한다
▷ ++, -- 연산자는 + 와 + 사이, - 와 - 사이에 공백이 있으면 안된다.
▷ 증감 연산자가 변수와 단독으로 사용 될 땐 변수의 앞 뒤에 붙여도 상관없지만 ' = ' 연산자와 같이 사용되면 결과 같에 영향을 준다.
▷ 만약 연산자에 대한 우선순위를 높여 주고 싶다면 그룹 연산자' ( ) '를 사용하면 된다.

 

 대입연산자
대입 연산자 종류 설명
= num = 1은 우변의 1값을 좌변의 num변수에 대입(저장)한다.
+= num + =2 는 num = num  + 2와 같다.
-= num-=2 는 num = num  - 2와 같다
*= num*=2 는 num = num  * 2와 같다.
/= num /=2 는 num/2와 같다.
%= num %=2는 num%2와 같다
▷ 대입연산자 ' = '은 '같다'의 의미가 아닌 변수에 대입(저장)을 의미한다.

 

 비교 연산자
산술 연산자 종류 설명
> a > b가 참이면 true, 거짓이면 false가 된다.
< a < b가 참이면 true, 거짓이면 false가 된다.
>= a >= b  참이면 true, 거짓이면 false가 된다.
<= a <= b 가 참이면 true, 거짓이면 false가 된다.
== a == b, a와 b가 같으면 true, 같지 않으면 false가 된다.
==연산자의 경우 데이터 타입은 비교하지 않는다.
> ex) 5 == '5'는 true가 나온다.
!= a ! =b, a와 b가 같지 않으면 true, 같으면 false가 된다.
=== a === b, a와 b가 같고 데이터 타입도 같으면 true, 같지 않으면 false가 된다.
> ex) 5=== '5'는 false가 나온다.
!== a ! == b, a와 b가 같지 않거나 데이터 타입이 같지 않으면 true, 같으면 false가 된다.
▷ 비교 연산자는 값을 비교하여 결과 값을 Boolean(논리) 값인 ' true''false'로 반환한다.

 

 논리 연산자
논리 연산자 종류 설명
&& (AND연산자) a && b, a와 b 모두 true(참)일때 true(참)이 된다
>  true && true = true      true && false = false
false && true = false     false && false = false
l l (OR연산자) a l l b, a와 b 중 하나만 true(참)이면 true(참)이 된다.
>  true l l true = true      true l l false = false
false l l true = false     false l l false = false
! (NOT 연산자) !a, a가 true이면 false, false이면 true로 바꾸어준다.
▷ 'x 의 값이 20보다 크고 30보다 작다.'의 일반적인 부등식 표현은 '20< x < 30'이지만 자바스크립트에서는 'AND연산자'를 사용하여 표현한다.

▷ ex)             x > 20 && x < 30; // 20초과 30미만                x >= 20 && x < =30; // 20이상 30이하 

 

삼항 연산자
- 조건식의 결과(true, false)에 따라 결과 값을 다르게 나오게 해주는 연산자 이다.
- 삼항 연산자의 형식 (조건식  ?  실행문 1 : 실행문2)