간단한 수식 '4 + 5 = 9'를 생각해 봅시다. 여기서 4와 5는 피연산자(operand)라고 부르고, '+'는 연산자(operator)라고 부릅니다.
즉, 연산자란 피연산자에 대해 특정한 연산을 수행하도록 지시하는 기호 또는 키워드를 의미합니다. JavaScript는 다음과 같은 다양한 종류의 연산자를 지원합니다.
JavaScript 연산자의 주요 종류
- 산술 연산자(Arithmetic Operators) – 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/), 나머지(%) 등 수학적 계산을 수행합니다.
- 비교 연산자(Comparison Operators) – 두 값을 비교하여 참(true) 또는 거짓(false)을 반환합니다. (예: ==, ===, >, <)
- 논리 연산자(Logical or Relational Operators) – AND(&&), OR(||), NOT(!)처럼 조건식을 조합하거나 반전할 때 사용합니다.
- 대입 연산자(Assignment Operators) – 변수에 값을 할당합니다. (예: =, +=, -=)
- 조건부(삼항) 연산자(Conditional or Ternary Operator) – 조건에 따라 두 값 중 하나를 선택하는 ? : 형태의 연산자입니다.
연산자 사용 예제
아래 예제는 산술 연산자를 실제로 활용한 코드입니다. 브라우저에서 바로 실행해 결과를 확인할 수 있습니다.
<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);
document.write(linebreak);
</script>
</body>
</html>실행 결과
위 코드를 실행하면 다음과 같은 결과가 출력됩니다.
a + b = 43 a - b = 23 a / b = 3.3 a % b = 3 a + b + c = 43Test ++a = 35 --b = 8
이처럼 JavaScript의 연산자는 숫자 계산뿐만 아니라 문자열 결합('+' 연산자로 문자열을 이어 붙임)에도 활용될 수 있습니다. 증감 연산자(++/--)는 값을 1씩 늘리거나 줄일 때 유용하게 사용됩니다.