JavaScript에서 덧셈(+), 뺄셈(-), 곱셈(*)과 같은 기본 수학 연산을 수행하려면 연산자(Operator)를 사용합니다. JavaScript는 산술 연산을 위한 다양한 연산자를 기본적으로 제공하며, 이를 활용하면 숫자 계산을 손쉽게 처리할 수 있습니다.
주요 산술 연산자
- + (덧셈) : 두 값을 더합니다.
- - (뺄셈) : 왼쪽 값에서 오른쪽 값을 뺍니다.
- * (곱셈) : 두 값을 곱합니다.
- / (나눗셈) : 왼쪽 값을 오른쪽 값으로 나눕니다.
- % (나머지) : 나눗셈 후 나머지를 반환합니다.
- ++ (증가 연산자) : 값을 1 증가시킵니다.
- -- (감소 연산자) : 값을 1 감소시킵니다.
예제
다음 코드를 실행하면 JavaScript의 기본 수학 연산자가 실제로 어떻게 동작하는지 확인할 수 있습니다.
<html>
<body>
<script>
var a = 77;
var b = 30;
var c = "Demo";
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);
document.write(linebreak);
</script>
</body>
</html>실행 결과
a + b = 107 a - b = 47 a / b = 2.5666666666666664 a % b = 17 a + b + c = 107Demo ++a = 79 --b = 28
결과 해설
a + b + c의 결과가 107Demo로 출력되는 점에 주목할 필요가 있습니다. 숫자와 문자열을 + 연산자로 더하면 JavaScript는 자동으로 문자열 연결(String Concatenation)을 수행하기 때문입니다. 이는 초보자가 자주 겪는 실수 중 하나이므로, 숫자 계산 시에는 피연산자의 자료형이 숫자인지 반드시 확인해야 합니다.
또한 ++와 --는 각각 변수의 값을 1씩 증가 또는 감소시키는 단항 연산자입니다. 연산자를 변수 앞에 두면(전위 방식) 값이 먼저 변경된 후 결과가 반환됩니다.