본문 바로가기

Web Programming/JS

[JS][연산자] 산술 연산자

JavaScript에서 산술 연산자(Arithmetic Operators)는 숫자 값을 연산할 때 사용됩니다.

주요 산술 연산자는 다음과 같습니다.


🔢 1. 기본 산술 연산자

기본적인 덧셈,뺄셈,곱셈,나눗셈 연산이 있습니다.

추가적으로 나머지 연산으로 나머지를 구할수 있고 ES6에서는 거듭제곱 연산이 추가되었습니다. 

+ 덧셈 5 + 3 8
- 뺄셈 10 - 4 6
* 곱셈 6 * 2 12
/ 나눗셈 9 / 3 3
% 나머지 10 % 3 1
** 거듭제곱 (ES6) 2 ** 3 8

🔄 2. 증가/감소 연산자

증감 연산자는 계산이후 덧셈/뺄셈을 해주거나 

또는, 덧셈/뺄셈을 해준 이후 계산에 사용할 수 있습니다.

++ 1 증가 (증가 연산자) let a = 5; a++; a = 6
-- 1 감소 (감소 연산자) let b = 3; b--; b = 2

📌 전위 / 후위 차이

let x = 5;
let y = x++; // y = 5, x = 6 (후위 증가)
let z = ++x; // z = 7, x = 7 (전위 증가)
  • 후위(x++): 현재 값 반환 후 증가
  • 전위(++x): 먼저 증가 후 반환

🔢 3. 연산자 우선순위

연산자는 연산자마다 계산되는 우선순위가 다릅니다.

(우선순위가 높을수록 먼저 계산됨)

1 () 괄호
2 ** 거듭제곱
3 *, /, % 곱셈, 나눗셈, 나머지
4 +, - 덧셈, 뺄셈

📌 예제

console.log(2 + 3 * 4);  // 14 (곱셈이 먼저)
console.log((2 + 3) * 4); // 20 (괄호 먼저)
console.log(2 ** 3 * 2);  // 16 (거듭제곱 먼저)

🔄 4. 산술 연산자와 타입 변환

자바스크립트에서 + 연산자는 숫자뿐만 아니라 문자열 결합도 수행할 수 있습니다.

console.log("Hello " + "World"); // "Hello World"
console.log("5" + 3);   // "53" (문자열 결합)
console.log("5" - 3);   // 2 (숫자로 변환됨)
console.log("10" * "2"); // 20 (자동 형변환)
console.log("5" * "A");  // NaN ("A"는 숫자가 아님)
  • + : 문자열 결합 가능
  • - ,*, /, % : 문자열을 숫자로 변환 시도

📌 정리

  • 더하기, 빼기, 나누기, 곱하기는 기존에 계산 하는 방식과 비슷하다.
  • 나머지 연산(%)이 있으며 거듭 제곱 연산(**)이 있다.
  • 증가(++)/감소(—) 연산자가 있으며 전위/후위로 나뉜다.
  • 연산자끼리도 우선순위가 있다.
  • 산술 연산자중 덧셈 연산자(+)는 문자열도 결합할 수 있다.
  • 문자열 형태의 숫자끼리 산술 연산을 할 경우 JS에서는 자동으로 형변환을 한다.

'Web Programming > JS' 카테고리의 다른 글

[JS][연산자] 비교 연산자  (0) 2025.03.22
[JS][연산자] 대입 연산자  (0) 2025.03.20
[JS] 연산자(Operators)  (0) 2025.03.17
[JS][자료형] 객체(Object) 기본  (0) 2025.03.16
[JS][자료형] 배열(Array) 기본  (0) 2025.03.16