JavaScript의 기본적인 연산 - 숫자와 연산자

산술 연산자

산술연산자들의 기본적인 용도 아래와 같고 간단한 예제를 보자.

연산자	이름	목적	예시
+	더하기	두 개의 숫자를 더합니다.	6 + 9
-	빼기	왼쪽에 있는 수를 오른쪽 수로 뺍니다.	20 - 15
*	곱하기	두 개의 숫자를 곱합니다.	3 * 7
/	나누기	왼쪽의 숫자를 오른쪽 숫자로 나눠서 몫을 구합니다.	10 / 5
%	나머지 (또는 모듈로)	왼쪽의 숫자를 오른쪽 숫자로 나눠서 나머지를 구합니다.	8 % 3 // 2 반환
**	지수	왼쪽의 숫자를 오른쪽 숫자만큼 제곱합니다.	5 ** 2 // 25 반환

 

//우리가 알고 있는 산수연산자 사용법

10 + 7 // 17
9 * 8 //72
60 % 3 //0

 

그리고, 변수 내부의 값을 선언하거나 초기화 할 수 있으며, 이를 계산에 이용할 수도 있음.

즉, 변수는 값과 정확히 동일하게 작동한다 예를 들어

const num1 = 10;
const num2 = 50;

9 * num1; // 9 * 10 = 90
num2 / num1; // 50 / 10 = 5;

 

연산자 우선순위

연산자 우선순위는 어떤 연산자를 먼저 계산할지 결정합니다. 

학교 수업에서 받은거랑 똑같이 곱하기와 나누기는 먼저 계산되고, 더하기와 빼기는 나중에 계산됩니다

합은 항상 왼쪽에서 오른쪽으로

console.log( 3 + 5 * 5 ); //28

console.log( 4 * 3 ** 2); // 36 **은 제곱이다

num1 = 10
num2 = 50

(num2 + num1) / (8+2); // (50 + 10) / 10 = 6 ()가 있으면 먼저계산

 

증감 연산자

가끔 반복해서 숫자 변수의 값을 1씩 더하거나 빼고 싶을 때 사용합니다

let num1 = 4;
num1++; //4

num1; //5

 

num1++; 에는 값이 4로 반환이 되는데, 그 이유는 현재 값을 반환한 뒤에 변수를 증가시키지 때문입니다

그래서 변수를 다시 반환하면 증가 한걸 알수 있습니다.

 

반대로 ++num1로 하게되면, 변수를 먼저 증가시키고 값을 반환합니다

let num1 = 4;
++num1; //5

 

이렇게 말이죠. num1-- / --num1 감소도 마찬가지입니다

연산자가 앞뒤에 있냐에 따라 어떻게 값이 반환되는지 알 수 있습니다

대입 연산자

대입 연산자는 변수에 값을 대입하는 연산자입니다.

let x = 3;
let y = 4;
x = y;

 

추가로 대입 연산자를 더 알아보자면

연산자	이름	목적	예시	의미
+=	더하기 대입	오른쪽의 값을 왼쪽 변수 값에 더하고 새 변수 값을 반환합니다.	x += 4;	x = x + 4;
-=	빼기 대입	오른쪽의 값을 왼쪽 변수 값에서 빼고 새 변수 값을 반환합니다.	x -= 3;	x = x - 3;
*=	곱하기 대입	오른쪽의 값을 왼쪽 변수 값에 곱하고 새 변수 값을 반환합니다.	x *= 3;	x = x * 3;
/=	나누기 대입	오른쪽의 값을 왼쪽 변수 값에 나누고 새 변수 값을 반환합니다.	x /= 5;	x = x / 5;

 

비교 연산자

참 / 거짓 테스트를 실행한 결과에 따라 다르게 처리하고 싶을 때 사용합니다

연산자	이름	목적	예시
===	일치 연산자	왼쪽과 오른쪽의 값이 완전히 동일한지 테스트합니다.	5 === 2 + 4
!==	불일치 연산자	왼쪽과 오른쪽 값이 서로 동일하지 않은지 테스트합니다.	5 !== 2 + 3
<	~보다 작음	왼쪽 값이 오른쪽 값보다 작은지 테스트합니다.	10 < 6
>	~보다 큼	왼쪽 값이 오른쪽 값보다 큰지 테스트합니다.	10 > 20
<=	~보다 작거나 같음	왼쪽 값이 오른쪽 값보다 작거나 같은지 여부를 테스트합니다.	3 <= 2
>=	~보다 크거나 같음	왼쪽 값이 오른쪽 값보다 크거나 같은지 여부를 테스트합니다.	5 >= 4

 

예시대로 값들을 입력한다면 true / false 값이 반환되는 걸 볼 수 있습니다.