본문 바로가기
JavaScript

연산자

by SyuMay 2022. 7. 20.
728x90

자바스크립트 연산자

프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다.
자바스크립트에는 연산자에는 산술, 산대입, 비교, 논리연산자 등이 있습니다.


산술연산자

사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다.

산술연산자 종류 속성 설명
+ 왼쪽의 피연산자에 오른쪽의 피연산자를 더합니다.
문자와 문자, 문자와 변수 등을 연결할 때 사용합니다.
- 왼쪽의 피연산자에서 오른쪽의 피연산자를 뺍니다.
* 왼쪽의 피연산자에 오른쪽의 피연산자를 곱합니다.
/ 왼쪽의 피연산자를 오른쪽의 피연산자로 나붑니다.
% 왼쪽의 피연산자를 오른쪽의 피연산자로 나눈 후, 그 나머지를 반환합니다.
++ 피연산자를 1씩 증가시킬때 사용합니다.
-- 피연산자를 1씩 감소시킬때 사용합니다.

대입연산자

변수에 값을 대입할 때 사용하는 이항 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽입니다.

대입연산자 종류 설명
= 왼쪽의 피연산자에 오른쪽의 피연산자를 대입합니다.
+= 왼쪽의 피연산자에 오른쪽의 피연산자를 더한 후, 그 결괏값을 왼쪽의 피연산자에 대입합니다.
num = num + 값 과 같습니다.
* 왼쪽의 피연산자에 오른쪽의 피연산자를 곱합니다.
num = num * 값 과 같습니다.
-= 왼쪽의 피연산자에서 오른쪽의 피연산자를 뺀 후, 그 결괏값을 왼쪽의 피연산자에 대입합니다.
num = num - 값 과 같습니다.
*= 왼쪽의 피연산자에 오른쪽의 피연산자를 곱한 후, 그 결괏값을 왼쪽의 피연산자에 대입합니다.
num = num * 값 과 같습니다.
/= 왼쪽의 피연산자를 오른쪽의 피연산자로 나눈 후, 그 결괏값을 왼쪽의 피연산자에 대입합니다.
num = num / 값 과 같습니다.
%= 왼쪽의 피연산자를 오른쪽의 피연산자로 나눈 후, 그 나머지를 왼쪽의 피연산자에 대입합니다.
num = num % 값 과 같습니다.

비교연산자

비교 연산자는 피연산자 사이의 상대적인 크기를 판단하여, 참(true)과 거짓(false)을 반환합니다.
비교 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다.

1. 피연산자가 둘 다 숫자면, 해당 숫자를 서로 비교합니다.
2. 피연산자가 둘 다 문자열이면, 문자열의 첫 번째 문자부터 알파벳 순서대로 비교합니다.

비교연산자 종류 설명
== 왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환합니다.
=== 왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환합니다.
!= 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환합니다.
!== 왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 데이터 타입이 다르면 참을 반환합니다.
> 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환합니다.
>= 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환합니다.
< 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 참을 반환합니다.
<= 왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환합니다.

논리연산자

논리 연산자는 논리식을 판단하여, 참(true)과 거짓(false)을 반환합니다.

and, or, xor 연산자는 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다.
! 연산자는 피연산자가 단 하나뿐인 단항 연산자이며, 피연산자의 결합 방향은 오른쪽에서 왼쪽입니다.

논리연산자 종류 설명
&& (AND 연산자) a && b , a와 b모두 ture 일때 true가 됩니다.
|| (OR 연산자) a || b , a와 b 중 하나만 ture 일때 true가 됩니다.
모두 false 일때 false 됩니다.
! (NOT 연산자) a 가 true 이면 false, a가 false면 true로 바꾸어줍니다.

논리연산자 진리표(truth table)

A B A and B (A && B) A or B (A || B) A xor B !A
true true true true true true
true false false true true false
false true false true true true
false false false false false true
728x90
반응형

'JavaScript' 카테고리의 다른 글

DATATYPE(데이터타입)  (12) 2022.07.25
제어문  (12) 2022.07.25
반복문  (11) 2022.07.25
for문 이해하기  (13) 2022.07.21
기본규칙  (17) 2022.07.20

댓글


자바스크립트 사진

JavaScript

자세히보기