JavaScript 산술 연산자란?
JavaScript는 숫자 데이터를 처리하기 위해 다양한 산술 연산자(arithmetic operators)를 제공합니다. 산술 연산자는 덧셈, 뺄셈 같은 기본 수학 계산부터 값의 증가·감소까지 프로그래밍에서 가장 기본이 되는 도구입니다.
변수 A에 10, 변수 B에 20이 저장되어 있다고 가정하고 각 연산자의 동작을 살펴보겠습니다.
JavaScript의 주요 산술 연산자
| 번호 | 연산자 및 설명 |
|---|---|
| 1 | + (덧셈) 두 피연산자를 더합니다. 예: A + B → 30 ※ 숫자뿐만 아니라 문자열을 연결할 때도 사용됩니다. |
| 2 | - (뺄셈) 첫 번째 피연산자에서 두 번째 피연산자를 뺍니다. 예: A - B → -10 |
| 3 | * (곱셈) 두 피연산자를 곱합니다. 예: A * B → 200 |
| 4 | / (나눗셈) 분자를 분모로 나눕니다. 예: B / A → 2 ※ JavaScript의 나눗셈 결과는 정수가 아니어도 됩니다 (예: 10 / 4 → 2.5). |
| 5 | % (나머지, Modulus) 정수 나눗셈 후 나머지를 반환합니다. 예: B % A → 0 ※ 짝수·홀수 판별 등에 자주 활용됩니다. |
| 6 | ++ (증가 연산자) 정수 값을 1 증가시킵니다. 예: A++ → 11 |
| 7 | -- (감소 연산자) 정수 값을 1 감소시킵니다. 예: A-- → 9 |
산술 연산자 사용 예제
다음 코드는 JavaScript에서 산술 연산자를 실제로 사용하는 방법을 보여줍니다.
<html>
<body>
<script>
var a = 33;
var b = 10;
var c = "Test";
var linebreak = "<br />";
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = ++a;
document.write("++a = ");
result = ++a;
document.write(result);
document.write(linebreak);
b = --b;
document.write("--b = ");
result = --b;
document.write(result);
</script>
변수에 다른 값을 넣어 직접 테스트해 보세요!
</body>
</html>실행 결과
위 코드를 실행하면 다음과 같은 결과가 출력됩니다.
- a + b = 43 — 두 숫자의 합
- a - b = 23 — 두 숫자의 차
- a / b = 3.3 — 나눗셈 결과 (소수점 포함)
- a % b = 3 — 나눗셈의 나머지
- a + b + c = 43Test — 숫자 연산 후 문자열과 연결됨
- ++a = 35 — 증가 연산 적용
- --b = 8 — 감소 연산 적용
참고할 점
a + b + c의 결과가 "43Test"인 것에 주목하세요. JavaScript는 왼쪽부터 순서대로 연산하기 때문에 먼저 숫자끼리의 덧셈(33 + 10 = 43)이 이루어진 뒤, 그 결과가 문자열 "Test"와 연결됩니다. 만약 c + a + b처럼 문자열이 먼저 오면 모든 값이 문자열로 연결되어 "Test3310"이 되므로, 연산 순서에 유의해야 합니다.
또한 ++(증가)와 --(감소) 연산자는 변수 앞에 붙으면(전위 방식) 값을 먼저 변경한 후 반환하고, 변수 뒤에 붙으면(후위 방식) 현재 값을 먼저 반환한 후 변경하므로 상황에 맞게 사용하는 것이 중요합니다.