Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
Total
관리 메뉴

Leeyanggoo

[JS] 자바스크립트 연산자를 알아보자! 본문

2023/JavaScript

[JS] 자바스크립트 연산자를 알아보자!

Leeyanggoo 2023. 2. 21. 19:58

각각의 프로그램이 수식을 만들어야 할 때 필요한 것을 '연산자'라고 합니다.

자바스크립트는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자 등이 있습니다.

차례대로 알아보겠습니다. :)


산술 연산자

 

산술 연산자 종류 속성 설명
+ 더하기 연산을 할 때 사용합니다.
문자와 문자, 문자와 변수 등을 연결할 때 사용합니다.
- 빼기 연산을 할 때 사용합니다.
* 곱하기 연산을 할 때 사용합니다.
/ 몫을 구할 때 사용합니다.
% 나머지를 구할 때 사용합니다.
증감 연산자 ++ 1씩 증가시킬 때 사용합니다. (+와 +의 사이에 공백이 있으면 안 됩니다.)
-- 1씩 감소시킬 때 사용합니다. (-와 -의 사이에 공백이 있으면 안 됩니다.)

더하기(+), 빼기(-), 곱하기(*), 나누기(/)는 일반적인 사칙 연산자이며 사용법 또한 자바스크립트에서도 같습니다.

const x = 5
const y = 3

x + y = 3
x - y = 2
x * y = 15
x / y = 1.66666667
x % y = 2

x++;
console.log(x) = 5 6 7 8 9 ...  // 예시입니다.
y--;
console.log(y) = 3 2 1 0 -1 ... // 예시입니다.

이중 '%'는 나눈 뒤의 나머지를 도출한다는 점,

++와 --는 1씩 증가하거나 감소하는 증감 연산자라는 점을 주의하면 되겠습니다.


대입 연산자

 

대입 연산자 종류 속성 설명
= num = 1은 오른쪽 값을 왼쪽 num(변수)에 대입(저장)합니다.
+= num += 2는 num = num + 2와 같습니다.
-= num -= 2는 num = num - 2와 같습니다.
*= num *= 2는 num = num * 2와 같습니다.
/= num /= 2는 num = num / 2와 같습니다.
%= num %= 2는 num = num%2와 같습니다.
num = 5

num += 2	//num = num + 2

num -= 2	//num = num - 2

num *= 2	//num = num * 2

num /= 2	//num = num / 2

num %= 2	//num = num % 2 --> 나눈 값이 0이면 그 숫자는 변수로 저장한 값의 배수가 된다.

비교 연산자

 

비교 연산자 종류 속성 설명
> 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가 됩니다.
이상 num >= 10 // 10 이상
초과 num > 10 // 10 초과
이하 num <= 10 // 10 이하
미만 num < 10 // 10 미만

논리 연산자

 

논리 연산자 종류 속성 설명
&& (AND 연산자) a && b, a와 b 모두 true일 때 true가 됩니다.
// true && true = true
// true && false = false
// false && true = false
// false && false = false
|| (OR 연산자) a || b, a와 b 중 하나만 true면 true가 됩니다.
// true || true = true
// true || false = true
// false || true = true
// false || false = false
! (NOT 연산자) !a, a가 true면 false, false면 true로 반환합니다.
x > 20 && x <30; 20 초과 30 미만
x >= 20 && <= 30; 20 이상 30 이하

논리 연산자는 2개 이상의 조건을 확인해야 하는 조건문에서 자주 쓰입니다.