javaScript - Number

Number는 표준 빌트인 객체로, 원시 타입인 숫자를 다룰 때 유용한 프로퍼티와 메서드를 제공한다.

 

---

Number 생성자 함수

Number 객체는 생성자 함수 객체이기 때문에 new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있다.

그리고 만약 Number에 인수를 주지 않고 new 연산자와 함께 호출하게 되면 기본 값인 '0'을 가진 Number 객체가 생성되게 된다([[NumberData]] 내부 슬롯에 0을 할당함).

const numObj = new Number();
console.log(numObj); // Number {[[PrimitiveValue]]: 0}

Number 생성자 함수의 인수로 숫자가 아닌 값을 전달하면 인수를 숫자로 강제 변환한 후, [[NumberData]] 내부 슬롯에 변환된 숫자를 할당한 Number 래퍼 객체를 생성하며, 만약 인수를 숫자로 변환할 수 없다면 NaN을 할당한 Number 래퍼 객체를 반환한다.

let numObj = new Number('10');
console.log(numObj); // Number {[[PrimitiveValue]]: 10}

numObj = new Number('Hello');
console.log(numObj); // Number {[[PrimitiveValue]]: NaN}

만약 new 연산자 없이 그냥 Number 생성자 함수를 일반 함수처럼 호출한 경우에는 래퍼 객체가 아닌 그냥 숫자 원시 타입을 반환하게 된다

Number('0'); // 0
Number('-1'); // -1

Number(true); // 1
Number(false); // 0

Number 프로퍼티 

Number.EPSILON

Number.EPSILON은 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이이다. Number.EPSILON은 약 2.2204460492503130808472633361816 x 10-16 이다. 하지만 부동소수점 산술 연산은 정확한 값을 표현하기 어려운데, 이때 Number.EPSILON을 이용해 부동 소수점으로 발생하는 오차를 아래와 같이 해결할 수 있다.

function isEqual(a, b){
  // a와 b를 뺀 값의 절대값이 Number.EPSILON보다 작으면 같은 수로 인정한다.
  return Math.abs(a - b) < Number.EPSILON;
}

console.log(0.1 + 0.2 === 0.3) // -> false
isEqual(0.1 + 0.2, 0.3); // -> true

Number.MAX_VALUE, Number.MIN_VALUE

Number.MAX_VALUE는 자바스크립트에서 표현할 수 있는 가장 큰 양수 값(1.7976931348623157 x 10308)이다. Number.MAX_VALUE보다 큰 숫자는 Infinity다.

Number.MAX_VALUE; // -> 1.7976931348623157e+308
Infinity > Number.MAX_VALUE; // -> true

반대로 Number.MIN_VALUE는 자바스크립트에서 표현할 수 있는 가장 작은 양수 값(5 x 10-324)이다. Number.MIN_VALUE보다 작은 숫자는 0이다.

Number.MIN_VALUE; // -> 5e-324
Number.MIN_VALUE > 0; // -> true

 

Number.MAX_SAFE_INTEGER, Number.MIN_SAFE_INTEGER

Number.MAX_SAFE_INTEGER 자바스크립트에서 안전하게 표현할 수 있는 가장 큰 정수값(9007199254740991)이며 Number.MIN_SAFE_INTEGER는 자바스크립트에서 안전하게 표현할 수 있는 가장 작은 정수 값(-9007199254740991)이다.

Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY

말 그대로 자바스크립트의 가장 큰 양과 음의 무한대를 나타낸다.

Number.NaN

Number.NaN은 window.NaN(전역 객체의 NaN)과 같다.

사용빈도가 높은 Number 메서드

Number.prototype.toString

toString 메서드는 숫자를 문자열로 변환하여 반환한다. 진법을 나타내는 2~36 사이의 정수 값을 인수로 전달할 수 있기 때문에 진법 변환 시 유용하게 사용할 수 있다. 인수를 생략하게 되면 기본적으로 10진수로 표현하게 된다.

// 인수를 생략하면 10진수 문자열을 반환한다.
(10).toString(); // -> "10"
// 2진수 문자열을 반환한다.
(16).toString(2); // -> "10000"
// 8진수 문자열을 반환한다.
(16).toString(8); // -> "20"
// 16진수 문자열을 반환한다.
(16).toString(16); // -> "10"

Number.isFinite

ES6에서 도입된 Number.isFinite 정적 메서드는 인수로 전달된 숫자 값이 정상적인 유한수, 즉 Infinity 또는 -Infinity가 아닌지 검사하여 그 결과를 불리언 값으로 반환한다. 만약 인수가 NaN이라면 항상 false를 반환한다.

// 인수가 정상적인 유한수이면 true를 반환한다.
Number.isFinite(0);                // -> true
Number.isFinite(Number.MAX_VALUE); // -> true
Number.isFinite(Number.MIN_VALUE); // -> true

// 인수가 무한수이면 false를 반환한다.
Number.isFinite(Infinity);  // -> false
Number.isFinite(-Infinity); // -> false

Number.isFinite(NaN); // -> false

Number.isFinite 메서드는 빌트인 전역 함수인 isFinite와 차이가 있다. Number.isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환하지 않고, 전역 함수의 경우에는 암묵적으로 타입 변환을 수행한 후 연산을 한다. 따라서 Number.isFinite는 숫자가 아닌 인수가 주어졌을 때 반환 값은 언제나 false 가 나오게 되는 것이다.

Number.isInteger

위와 비슷한 메서드로, Number.isInteger라는 메서드가 있는데 이는 암묵적인 형 변환을 하지 않고 숫자형인지 판별하는 메서드이다.

// 인수가 정수이면 true를 반환한다.
Number.isInteger(0)     // -> true
Number.isInteger(123)   // -> true
Number.isInteger(-123)  // -> true

// 0.5는 정수가 아니다.
Number.isInteger(0.5)   // -> false
// '123'을 숫자로 암묵적 타입 변환하지 않는다.
Number.isInteger('123') // -> false
// false를 숫자로 암묵적 타입 변환하지 않는다.
Number.isInteger(false) // -> false
// Infinity/-Infinity는 정수가 아니다.
Number.isInteger(Infinity)  // -> false
Number.isInteger(-Infinity) // -> false

Number.isNaN

인수가 NaN인지 아닌지를 검사해 boolean 값을 반환하는 메서드이다. 이 메서드가 필요한 이유는 NaN과 NaN은 동등 일치 연산자 '==='로도 비교할 수 없기 때문이다.

그리고 전역 함수인 isNaN 과의 차이점은 역시 Number.isNaN 은 주어진 인수를 암묵적으로 형 변환하지 않고 비교하기 때문에 숫자가 아닌 값이 주어진 경우에 항상 false를 반환한다.

console.log(NaN === NaN); // false

// Number.isNaN은 인수를 숫자로 암묵적 타입 변환하지 않는다.
Number.isNaN(undefined); // -> false

// isFinite는 인수를 숫자로 암묵적 타입 변환한다. undefined는 NaN으로 암묵적 타입 변환된다.
isNaN(undefined); // -> true

Number.prototype.toExponentia

이는 숫자를 지수 표기법으로 변환하여 문자열로 반환하는 메서드이다. 표기할 때 prototype으로 표기한 것으로 보아 프로토타입 메서드인 것을 확인할 수 있다. 즉, 정적 메서드가 아니다.

(77.1234).toExponential();  // -> "7.71234e+1"
(77.1234).toExponential(4); // -> "7.7123e+1"
(77.1234).toExponential(2); // -> "7.71e+1"

 

Number.prototype.toFixed

메서드는 숫자를 반올림하여 문자열로 반환한다. 반올림하는 소수점 이하 자릿수를 정수 값을 인수로 전달할 수 있으며 인수를 생략하면 기본값 '0' 이 지정된다.

// 소수점 이하 반올림. 인수를 생략하면 기본값 0이 지정된다.
(12345.6789).toFixed(); // -> "12346"
// 소수점 이하 1자리수 유효, 나머지 반올림
(12345.6789).toFixed(1); // -> "12345.7"
// 소수점 이하 2자리수 유효, 나머지 반올림
(12345.6789).toFixed(2); // -> "12345.68"
// 소수점 이하 3자리수 유효, 나머지 반올림
(12345.6789).toFixed(3); // -> "12345.679"