[JavaScript] 자료형 - 숫자(Number)

자바스크립트 숫자형 기본 연산 정리

자바스크립트에서 숫자형 값을 다루는 기본적인 연산자부터 특수한 연산자, 그리고 주의할 점까지 정리.

자바스크립트에서는 숫자 계산을 위해 기본 사칙 연산 외에도 나머지 연산, 거듭제곱 연산 등을 지원한다. 코드를 실행하면 예상한 결과가 출력되는 것을 볼 수 있다.

---

1. 사칙 연산

• 자바스크립트에서는 덧셈 (+), 뺄셈 (-), 곱셈 (*), 나눗셈 (/)의 기본 연산이 가능하다.
• 예제:

  console.log(10 + 5);    // 덧셈: 15
  console.log(10 - 5);    // 뺄셈: 5
  console.log(10 * 5);    // 곱셈: 50
  console.log(10 / 5);    // 나눗셈: 2
  

• 음수와 소수도 자연스럽게 계산된다:

  console.log(10 - 15);   // 결과: -5
  console.log(10 / 3);    // 결과: 3.3333...
  

2. 나머지 연산 (%)

• % 기호를 사용해 나눗셈의 나머지를 구한다.
  • 예: console.log(7 % 3); → 7을 3으로 나눈 나머지 1이 출력된다.
• 예제:

  console.log(7 % 3);     // 결과: 1
  console.log(10 % 4);    // 결과: 2
  

3. 거듭제곱 연산 (**)

• **를 사용해 거듭제곱을 구할 수 있다.
  • 예: console.log(2 ** 3); → 2의 세 제곱인 8이 출력된다.
• 예제:

  console.log(2 ** 3);    // 결과: 8
  console.log(5 ** 2);    // 결과: 25
  

4. 부동소수점 계산 문제

이 부분은 지금 이해 못해도 상관 없다. 나중에 메서드 내용을 다룰 때 다시 자세히 살펴볼 예정

• 자바스크립트의 부동소수점 계산은 정확하지 않을 때가 있다. 예를 들어, 0.1 + 0.2가 0.3이 아닌 0.30000000000000004가 출력된다.

  console.log(0.1 + 0.2);    // 결과: 0.30000000000000004
  

• 해결 방법: toFixed()나 Math.round()로 자릿수를 맞춰서 해결 가능.

  console.log((0.1 + 0.2).toFixed(1));    // 결과: 0.3
  

5. 단축 연산자

• 값에 연산을 쉽게 적용할 수 있는 단축 연산자들:

  let x = 5;
  x += 3;    // x = x + 3과 같음. 결과: x = 8
  x -= 2;    // x = x - 2와 같음. 결과: x = 6
  x *= 2;    // x = x * 2와 같음. 결과: x = 12
  x /= 4;    // x = x / 4와 같음. 결과: x = 3
  x **= 2;   // x = x ** 2와 같음. 결과: x = 9
  x %= 4;    // x = x % 4와 같음. 결과: x = 1
  

6. 증감 연산자 (++, -)

• ++와 -는 변수의 값을 각각 1씩 증가시키거나 감소시킬 때 사용된다.

  let y = 10;
  y++;      // 결과: 11 (y = y + 1과 같음)
  y--;      // 결과: 10 (y = y - 1과 같음)
  

7. 연산 우선순위

• 자바스크립트에서 연산자는 수학의 연산 우선순위와 동일하게 적용된다. 곱셈과 나눗셈이 덧셈과 뺄셈보다 먼저 계산되며, 괄호로 우선순위를 조정할 수 있다.
• 예제:

  console.log(2 + 3 * 2);     // 결과: 8 (곱셈이 먼저 계산됨)
  console.log((2 + 3) * 2);   // 결과: 10 (괄호 안이 먼저 계산됨)
  

• 연산자 우선순위 순서 (일부):
  괄호 ()
  거듭제곱 **
  곱셈, 나눗셈, 나머지 *, /, %
  덧셈, 뺄셈 +, -

연산자 우선순위 더 자세한 내용이 궁금하시다면 MDN의 연산자 우선순위를 참고해 보세요.

---

요약

• 기본 사칙 연산 외에 %로 나머지 연산, *로 거듭제곱을 사용할 수 있다.
• 부동소수점 계산 오류는 toFixed()나 Math.round()로 처리.
• +=, =, =, /=, *= 등의 단축 연산자와 ++, - 증감 연산자를 활용 가능.
• 수학과 동일한 연산 우선순위를 따르며, 괄호로 우선순위를 지정할 수 있다.