🚦 본론

어떻게 보면, Number는 생성자 함수이기도 하지만, 표준 빌트인 객체이기도 합니다.
이렇게 두 개의 방법으로 사용할 수 있는 이유는, Number 자체에 관한 정적 메서드와 프로퍼티들을 제공하여 숫자 타입의 값을 핸들링하는 데 도움을 주기 위함입니다.

console.log(new Number(123)) // Number {123}
console.log(new Number(true)) // Number {1}
console.log(new Number(undefined)) // Number {NaN}
console.log(new Number(null)) // Number {0}

유의점은, 생성자 함수인 만큼 값 역시 객체로 나옵니다.
이를 꺼내기 위해서는 .valueOf 메서드를 사용해야 합니다.

console.log(new Number(123).valueOf()) // 123

이때 특이한 점은, new 키워드를 사용하지 않아도 new 생성자 함수를 호출할 수 있습니다.
이때의 반환값은, 인스턴스가 아닌 숫자값 그대로를 반환합니다.

Number(1234) // 1234

Number.EPSILON

사실 부동소수점 산술 연산의 문제점을 해결하기 위해 나온 매우 작은 숫자이지만...
가끔 많은 엣지케이스들이 존재하여, 사실상 완벽한 검증에는 좀 더 다른 방식의 연산이 필요한 친구입니다.

참고로, Number.EPSILON 값의 크기는 2.220446049250313e-16입니다.

console.log(1.15 + 1.1 < 2.25 + Number.EPSILON) // false

책에서는 다음과 같이 사용한다고 나와 있습니다.

const isEqual = (a, b) => Math.abs(a - b) < Number.EPSILON;
console.log(isEqual(1.15 + 1.1, 2.25))

Number.MAX_VALUE, Number.MIN_VALUE

자바스크립트에서 표현 가능한 가장 크고 작은 값을 의미합니다.

console.log(Number.MAX_VALUE) // 1.7976931348623157e+308
console.log(Number.MIN_VALUE) // 5e-324

Number.MAX_SAFE_INTEGER, Number.MIN_SAFE_INTEGER

자바스크립트에서 안전하게 표현 가능한 가장 큰 정수를 의미합니다.

console.log(Number.MAX_SAFE_INTEGER) // 9007199254740991
console.log(Number.MIN_SAFE_INTEGER) // -9007199254740991

Number.isFinite

해당 값이 Infinity, -Infinity가 아닌지를 판별합니다.

console.log(Number.isFinite(1/0)) // false;

Number.isInteger

해당 값이 정수인지를 판별하네요!
이때, 판별 시 암묵적 변환은 일어나지 않습니다.

console.log(Number.isInteger(0.5 + 0.5)) // true;
console.log(Number.isInteger(false)) // false;
console.log(Number.isInteger(true)) // false;
console.log(Number.isInteger(Infinity)) // false;

Number.isNaN

이 친구는 많이 쓰는 편이죠.
Number가 아닌 결과 값이나, 도중에 인수로 전달 받은 값이 NaN한 값이면 문제가 발생해서, 방어 코드용으로 많이 사용합니다.

function add(a, b) {
	if (Number.isNaN(a) || Number.isNaN(b)) return;
  	return a + b;
}

Number.isSafeInteger

Number.MIN_SAFE_INTEGER <= value <= Number.MAX_SAFE_INTEGER의 유효한 정수값인지를 판별합니다.

다만... 역시 또 부동소수점 계산에 대한 한계가 있는 메서드입니다 😭

Number.isSafeInteger(Number.MAX_SAFE_INTEGER - 0.1); // true

Number.prototype.toExponential

지수 표기법에 맞춘 결과 값을 반환합니다.
인수로, 몇 번째 소수점까지 표기할 것인지를 정합니다.

이때, 주의할 점은 래퍼 객체로서의 Number을 활용할 경우에, 숫자 타입의 값이 정수 타입이라면, 뒤의 .을 소수점으로 해석하기 때문에 에러가 표시됩니다.

해결방법으로는 숫자 뒤에 공백(' ')을 입력하거나 ()으로 숫자를 감싸주면 됩니다.

console.log(21312.toExponential(6)) // Uncaught SyntaxError: Invalid or unexpected token
console.log((21312).toExponential(6)) // 2.131200e+4
console.log(21312.12324765.toExponential(6)) // 2.131212e+4

Number.prototype.toFixed

이 역시 부동소수점을 제대로 해석하지 못하는 오류가 있습니다...!

console.log((1.255).toFixed(2)) // 1.25 (1.26이 기댓값)

Number.prototype.toPrecision

전체 자릿수까지 유효하도록 나머지 자릿수를 반올림합니다.
만약 표현할 수 없다면 지수 표기법으로 결과를 반환합니다.
이때, 인수인 전체 자릿수를 생략하면 기본값으로 0이 전달됩니다.

(12345.6789).toPrecision(); // "12345.6789"
(12345.6789).toPrecision(1); // "1e+4"
(12345.6789).toPrecision(3); // "1.23e+4"
(12345.6789).toPrecision(5); // "12346"
(12345.6789).toPrecision(6); // "12345.7"

Number.prototype.toString

말 그대로 문자열로 반환합니다.
"" + [문자값]과 동일한 결과를 낳습니다.

(10).toString(); // "10"
(Infinity).toString(); // "Infinity"
(NaN).toString(); // "NaN"

🎉 마치며

생각보다 당황스러웠을 것 같아요.

왜 이렇게 안 되는 게 많아...?

그래서 사실 이 파트에서 꼭 알고 넘어가야 할 게 있습니다.
바로, 자바스크립트에서 산술 연산에는 항상 부동 소수점이 방해한다는 사실입니다.

따라서 만약 원하는 결과가 제대로 나오지 않는다면, 설마...?라는 의심을 꼭 해야 해요.

그 설마가... 정말 몇 시간을 살릴 수 있답니다. 😭

그럼, 다들 즐거운 공부하시길 바라요. 이상!