자바스크립트 산술 연산자 사용법과 실용 예제
자바스크립트에서 산술 연산자는 숫자를 더하고 빼는 등 기본적인 수학적 계산을 수행할 때 사용됩니다. 이 글에서는 자바스크립트의 다양한 산술 연산자와 그 사용법, 그리고 실용적인 예제를 통해 어떻게 활용할 수 있는지 알아보겠습니다.
목차
1. 산술 연산자란?
산술 연산자는 숫자 데이터를 조작하는 데 사용되는 연산자로, 더하기, 빼기, 곱하기, 나누기 등의 기본적인 수학 연산을 수행합니다. 자바스크립트에서는 다양한 산술 연산자를 제공하여 프로그래머가 수학적 계산을 간편하게 수행할 수 있도록 돕습니다.
2. 주요 산술 연산자와 사용법
자바스크립트에서 자주 사용되는 산술 연산자는 다음과 같습니다:
더하기 (+
)
두 숫자를 더합니다.
let a = 5;
let b = 3;
let result = a + b; // result는 8입니다.
빼기 (-
)
두 숫자를 뺍니다.
let a = 5;
let b = 3;
let result = a - b; // result는 2입니다.
곱하기 (*
)
두 숫자를 곱합니다.
let a = 5;
let b = 3;
let result = a * b; // result는 15입니다.
나누기 (/
)
두 숫자를 나눕니다.
let a = 6;
let b = 3;
let result = a / b; // result는 2입니다.
나머지 (%
)
두 숫자를 나눈 후 나머지를 구합니다.
let a = 5;
let b = 3;
let result = a % b; // result는 2입니다.
거듭제곱 (**
)
첫 번째 숫자를 두 번째 숫자만큼 거듭제곱합니다.
let a = 2;
let b = 3;
let result = a ** b; // result는 8입니다.
3. 산술 연산자 실용 예제
자바스크립트 산술 연산자를 실제로 어떻게 사용할 수 있는지 몇 가지 예제를 통해 살펴보겠습니다.
예제 1: 간단한 계산기
사용자로부터 두 숫자를 입력받아 사칙연산을 수행하는 간단한 계산기입니다.
function calculator(a, b) {
console.log('더하기:', a + b);
console.log('빼기:', a - b);
console.log('곱하기:', a * b);
console.log('나누기:', a / b);
console.log('나머지:', a % b);
console.log('거듭제곱:', a ** b);
}
calculator(5, 3);
예제 2: 반복문과 산술 연산자
1부터 10까지의 숫자를 더하는 코드입니다.
let sum = 0;
for (let i = 1; i <= 10; i++) {
sum += i;
}
console.log('1부터 10까지의 합:', sum); // 결과는 55입니다.
예제 3: 할인 계산
상품 가격과 할인율을 입력받아 최종 가격을 계산하는 코드입니다.
function calculateDiscount(price, discount) {
let discountedPrice = price - (price * (discount / 100));
return discountedPrice;
}
let price = 100;
let discount = 20;
console.log('할인된 가격:', calculateDiscount(price, discount)); // 결과는 80입니다.
4. 주의사항 및 팁
자바스크립트 산술 연산자를 사용할 때 주의해야 할 점과 유용한 팁입니다.
주의사항
- 숫자가 아닌 값을 산술 연산에 사용하면
NaN
(Not-a-Number) 결과가 나올 수 있습니다. - 특정 연산 (예: 나누기, 거듭제곱)에서는 0을 피해야 합니다. 0으로 나누면
Infinity
또는-Infinity
가 됩니다.
팁
- 숫자형 데이터가 아닌 경우, 연산 전에
Number()
함수를 사용하여 숫자로 변환하면 오류를 방지할 수 있습니다. - 복잡한 수식을 다룰 때는 괄호를 사용하여 연산의 우선순위를 명확히 하세요.
이 글을 통해 자바스크립트의 산술 연산자를 이해하고, 다양한 실용 예제를 통해 그 활용법을 익힐 수 있기를 바랍니다.
'프로그래밍 언어 > 자바스크립트' 카테고리의 다른 글
자바스크립트 논리 연산자, 간단한 예제에서 고급 활용까지 (0) | 2024.07.09 |
---|---|
자바스크립트 비교 연산자와 조건문 활용법 (0) | 2024.07.05 |
자바스크립트 대입 연산자 기본 개념부터 실용 예제까지 (0) | 2024.07.01 |
자바스크립트(JavaScript) 연산자 종류 (0) | 2024.06.23 |
자바스크립트 변수 상수 데이터 타입 이해하기 (0) | 2024.06.19 |