자바스크립트 산술 연산자란?
자바스크립트의 산술 연산자(arithmetic operator)는 숫자 값에 대해 수학적 계산을 수행하는 가장 기본적인 연산자입니다. 주요 산술 연산자는 다음과 같습니다.
- + (덧셈) : 두 값을 더합니다.
- - (뺄셈) : 앞의 값에서 뒤의 값을 뺍니다.
- * (곱셈) : 두 값을 곱합니다.
- / (나눗셈) : 앞의 값을 뒤의 값으로 나눕니다.
- % (나머지) : 나눗셈 후 나머지를 구합니다.
그럼 실제 예제를 통해 덧셈·나머지 연산자와 곱셈 연산자의 활용 방법을 살펴보겠습니다.
1) 덧셈(+)과 나머지(%) 연산자
아래 예제는 1부터 9까지의 숫자가 담긴 배열을 반복문으로 순회하면서, 나머지 연산자(%)로 짝수를 걸러낸 뒤 덧셈 연산자와 복합 대입 연산자(+=)를 사용해 짝수들의 합을 구합니다.
예제
<html>
<body>
<p id="add"></p>
<script>
var tot = 0;
var a = [1,2,3,4,5,6,7,8,9];
for (var i = 0; i < a.length; i++) {
if(a[i]%2 == 0) {
tot += a[i];
}
}
document.getElementById("add").innerHTML = tot;
</script>
</body>
</html>실행 결과
20
a[i] % 2 == 0은 해당 숫자를 2로 나눈 나머지가 0이라는 뜻으로, 즉 짝수를 의미합니다. 따라서 배열에서 2, 4, 6, 8만 골라 더해 최종 결과 20이 화면에 출력됩니다.
2) 곱셈(*) 연산자
이번에는 배열에 담긴 모든 요소를 곱하는 예제입니다. 누적 변수의 초기값을 1로 설정한 후, 곱셈 복합 대입 연산자(*=)를 이용해 각 요소를 차례대로 곱해 나갑니다.
예제
<html>
<body>
<p id="mul"></p>
<script>
var pro = 1;
var a = [1,2,3,4,5,6,7,8,9];
for (var i = 0; i < a.length; i++) {
pro *= a[i];
}
document.getElementById("mul").innerHTML = pro;
</script>
</body>
</html>실행 결과
362880
1부터 9까지 모든 숫자를 곱한 결과인 362880이 출력되며, 이는 9 팩토리얼(9!)과 동일한 값입니다.
마무리
산술 연산자는 단순한 사칙연산을 넘어 나머지 연산을 통한 홀짝 판별, 복합 대입 연산자(+=, *=)를 활용한 누적 처리 등 실무에서 매우 자주 사용됩니다. 위 예제처럼 반복문과 함께 사용하면 배열 데이터를 손쉽게 가공할 수 있으니, 다양한 예제를 직접 실행해 보며 익혀보시기 바랍니다.