Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

자바스크립트 기본 수학 연산자 완벽 정리 – 종류와 사용법

자바스크립트에서 숫자 데이터를 처리하려면 기본적인 수학 연산자를 이해하는 것이 필수입니다. 자바스크립트의 수학 연산자는 크게 다음 네 가지 범주로 나눌 수 있습니다.

  • 산술 연산자(Arithmetic Operators) : 사칙연산 등 수치 계산에 사용
  • 비교 연산자(Comparison Operators) : 두 값의 대소 관계나 동등 여부를 비교
  • 논리(관계) 연산자(Logical · Relational Operators) : 참/거짓 조건을 판단
  • 할당 연산자(Assignment Operators) : 변수에 값을 대입

그중에서도 가장 기초가 되는 산술 연산자의 종류와 동작 방식을 하나씩 자세히 살펴보겠습니다.

자바스크립트 산술 연산자 정리

아래 표는 A = 10, B = 20이라고 가정했을 때 각 연산자의 결과를 보여줍니다.

번호연산자 및 설명
1+ (덧셈)
두 피연산자를 더합니다.
예: A + B → 30
2- (뺄셈)
첫 번째 피연산자에서 두 번째 피연산자를 뺍니다.
예: A - B → -10
3* (곱셈)
두 피연산자를 곱합니다.
예: A * B → 200
4/ (나눗셈)
분자를 분모로 나눕니다.
예: B / A → 2
5% (나머지)
정수 나눗셈 후 남는 나머지를 반환합니다.
예: B % A → 0
6++ (증가 연산자)
정수 값을 1만큼 증가시킵니다.
예: A++ → 11
7-- (감소 연산자)
정수 값을 1만큼 감소시킵니다.
예: A-- → 9

산술 연산자 활용 예제

아래 코드를 실행하면 각 산술 연산자가 실제로 어떤 결과를 출력하는지 직접 확인할 수 있습니다.

<html>
<body>
<script>
  var a = 10;
  var b = 20;
  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('b / a = ');
  result = b / a;
  document.write(result);
  document.write(linebreak);

  document.write('b % a = ');
  result = b % a;
  document.write(result);
  document.write(linebreak);

  document.write('a + b + c = ');
  result = a + b + c;
  document.write(result);
  document.write(linebreak);

  document.write('++a = ');
  result = ++a;
  document.write(result);
  document.write(linebreak);

  document.write('--b = ');
  result = --b;
  document.write(result);
  document.write(linebreak);
</script>
</body>
</html>

이 코드를 실행하면 다음과 같은 결과가 출력됩니다.

  • a + b = 30
  • a - b = -10
  • a * b = 200
  • b / a = 2
  • b % a = 0
  • a + b + c = 30Demo
  • ++a = 11
  • --b = 19

알아두면 좋은 점

숫자와 문자열을 + 연산자로 함께 더하면 자바스크립트는 이를 산술 연산이 아닌 문자열 연결(concatenation)로 처리합니다. 위 예제에서 a + b + c의 결과가 '30Demo'가 되는 이유가 바로 이것입니다. 또한 최신 개발 환경에서는 document.write() 대신 console.log()를 사용해 결과를 확인하는 것이 일반적이므로, 실무에서는 콘솔 출력 방식을 활용하는 것을 권장합니다.