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 |