← Back to NOTES 🌰 ← Effective JavaScript 🤿

← 아이템 1 - 어떤 자바스크립트를 사용하고 있는지 알아야 한다

핵심 요약

JavaScript의 Number 자료형은 64비트 부동소수점 형식으로 처리되며, 이로 인해 부정확한 연산 결과가 발생할 수 있다. 이러한 부동소수점 오차를 이해하고 적절한 대안을 사용해야 한다.

자세한 내용

JavaScript의 Number 자료형

• JavaScript에서는 다양한 숫자 표현 형식이 모두 Number 타입으로 저장됨
• 64비트 부동소수점 형식으로 처리되어 부정확도 문제가 발생

부동소수점 오차 발생 원리

1. 10진 소수를 2진 소수로 변환
2. 2진 소수를 정규화한 후 지수부와 가수부로 분할하여 저장
3. 지수부 오버플로우나 가수부 한계로 인한 오차 발생

정수도 부동소수점으로 처리

• 정수 역시 부동소수점으로 처리되어 큰 수에서 오차 발생 가능

오차 없는 연산 방법

• 너무 크거나 작은 값 연산 피하기
• 정수형으로 변환 후 연산하기
• 전용 라이브러리 사용하기 (bignumber.js, decimal.js)

예제 코드

// 다양한 숫자 리터럴 형식
7; // 정수 리터럴
2.5; // 부동 소수점 리터럴
0b111; // 2진수 리터럴 (binary literal)
0o777; // 8진수 리터럴 (octal literal)
0xf5; // 16진수 리터럴 (hexadecimal literal)
10_000; // 숫자 구분 기호 (Numeric Separators)

// 부동소수점 오차의 가장 유명한 예시
0.1 + 0.2 === 0.3; // false, 0.30000000000000004

// 2진 표현 확인
const dec = 0.2;
console.log(dec.toString(2));
// 0.001100110011001100110011001100110011001100110011001101....

// 큰 정수에서의 오차
10000000000000001 + 10000000000000002; // 20000000000000000
12345678901234567890; // 12345678901234567000