[JS] 모던 자바스크립트 Deep Dive - 28. Number

Number 생성자 함수

new 연산자와 함께 호출하여 Number 인스턴스를 생성 가능

• Number 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 [[NumberData]] 내부 슬롯에 0을 할당한 Number 래퍼 객체를 생성한다.
• Number 생성자 함수의 인수로 숫자를 전달하면서 new 연산자와 함께 호출하면 [[NumberData]] 내부 슬롯에 인수로 전달받은 숫자를 할당한 Number 래퍼 객체를 생성한다.
• Number 생성자 함수의 인수로 숫자가 아닌 값을 전달하면 인수를 숫자로 강제 변환한 후, [[NumberData]] 내부 슬롯에 변환된 숫자를 할당한 Number 래퍼 객체를 생성한다.
  • 인수를 숫자로 변환할 수 없다면 NaN을 [[NumberData]] 내부 슬롯에 할당한 Number 래퍼 객체를 생성한다.
• new 연산자를 사용하지 않고 Number 생성자 함수를 호출하면 Number 인스턴스가 아닌 숫자를 반환한다.
  • 이를 이용하여 명시적으로 타입을 변환하기도 한다.

Number 프로퍼티

✅Number.EPSILON

약 2.2204460492503130808472633361816 x 10^-16

• 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이와 같다.
• Number.EPSILON은 부동소수점으로 인해 발생하는 오차를 해결하기 위해 사용한다.

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

isEqual(0.1 + 0.2, 0.3); // 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

자바스크립트에서 안전하게 표현할 수 있는 가장 큰 정수값 (9007199254740991)

Number.MAX_SAFE_INTEGER; // 9007199254740991

✅Number.MIN_SAFE_INTEGER

자바스크립트에서 안전하게 표현할 수 있는 가장 작은 정수값 (-9007199254740991)

Number.MIN_SAFE_INTEGER; // -9007199254740991

✅Number.POSITIVE_INFINITY

양의 무한대를 나타내는 숫자값 Infinity와 같다.

Number.POSITIVE_INFINITY; // Infinity

✅Number.NEGATIVE_INFINITY

음의 무한대를 나타내는 숫자값 -Infinity와 같다.

Number.NEGATIVE_INFINITY; // -Infinity

✅Number.NaN

숫자가 아님(Not-a-Number)을 나타내는 숫자값

• Number.NaN은 window.NaN과 같다.

Number.NaN; // NaN

Number 메서드

✅Number.isFinite

인수로 전달된 숫자값이 정상적인 유한수, 즉 Infinity 또는 -Infinity가 아닌지 검사하여 그 결과를 불리언 값으로 반환

// 안수가 정상적인 유한수이연 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

// 인수가 NaN이면 언제나 false를 반환한다．
Number.isFinite(NaN); // false

• 빌트인 전역 함수 isFinite는 전달 받은 인수를 숫자로 암묵적 타입 변환하여 검사를 수행하지만 Number.isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환하지 않는다.
• 따라서 숫자가 아닌 인수가 주어졌을 때 반환값은 언제나 false다.

✅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인지 검사하여 그 결과를 불리언 값으로 반환

• 빌트인 전역 함수 isNaN은 전달받은 인수를 숫자로 암묵적 타입 변환하여 검사를 수행하지만 Number. isNaN 메서드는 전달받은 인수를 숫자로 암묵적 타입 변환하지 않는다.
  • 따라서 숫자가 아닌 인수가 주어졌을 때 반환값은 언제나 false다.

// 인수가 NaN이면 true를 반환힌다. 
Number.isNaN(NaN); // true

// Number.isNaN은 인수를 숫지로 암묵적 타입 변환하지 않는다.
Number.isNaN(undefined); // false
// isNaN은 인수를 숫자로 암묵적 타입 변환한다. undefined는 NaN으로 암묵적 타입 변환된다． 
isNaN(undefined); // true

✅Number.isSafeInteger

인수로 전달된 숫자값이 안전한 정수인지 검사하여 그 결과를 불리언 값으로 반환

안전한 정수값은 -(2^53 - 1)과 2^53 - 1 사이의 정수값이다. 

검사 전에 인수를 숫자로 암묵적 타입 변환하지 않는다. 

// 0은 안전한 정수이다.
Number.isSafeInteger(0); // true 
// 1000000000000000은 안전한 정수이다． 
Number.isSafeInteger(1000000000000000); // true 
// 10000000000000001은 안전하지 않다． 
Number.isSafeInteger(10000000000000001); // false 
// 0.5는 정수가 아니다． 
Number.isSafeInteger(0.5); // false 
// '123'을 숫자로 암묵적 타입 변환하지 않는다.
Number.isSafeInteger('123'); // false
// false를 숫자로 암묵적 타입 변환하지 않는다． 
Number.isSafeInteger(false); // false
// Infinity/-Infinity는 정수가 아니다． 
Number.isSafeInteger(Infinity); // false

✅Number.prototype.toExponential

숫자를 지수 표기법으로 변환하여 문자열로 반환

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

• 다음과 같이 숫자 리터럴과 함께 Number 프로토타입 메서드를 사용할 경우 에러가 발생한다.

77.toExponential.(); // SyntaxError: Invalid or unexpected token

• 77.toExponential()에서 77은 Number 래퍼 객체이기 때문에 77 뒤의 . 을 소수 구분 기호로 해석하면 뒤에 이어지는 toExponential을 프로퍼티로 해석할 수 없으므로 에러(SyntaxError: Invalid or unexpected token) 가 발생한다.

✅Number.prototype.toFixed

숫자를 반올림하여 문자열로 반환

• 반올림하는 소수점 이하 자릿수를 나타내는 0~20 사이의 정수값을 인수로 전달할 수 있다.
• 인수를 생략하면 기본값 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"

✅Number.prototype.toPrecision

인수로 전달받은 전체 자릿수까지 유효하도록 나머지 자릿수를 반올림하여 문자열로 반환

• 인수로 전달받은 전체 자릿수로 표현할 수 없는 경우 지수 표기법으로 결과를 반환한다.
• 전체 자릿수를 나타내는 0~21 사이의 정수값을 인수로 전달할 수 있다.
• 인수를 생략하면 기본값 0이 지정된다.

// 전체 자릿수 유효. 인수를 생략하면 기본값 0이 지정된다. 
(12345.6789).toPrecision(); // "12345.6789" 
// 전제 1자릿수 유효. 나머지 반올림 
(12345.6789).toPrecision(1); // "1e+4"
// 전체 2자릿수 유효. 나머지 반올림
(12345.6789).toPrecision(2); // "1.2e+4" 
// 전체 6자릿수 유효. 나머지 반올림 
(12345.6789).toPrecision(6); // "12345.7"

✅Number.prototype.toString

숫자를 문자열로 변환하여 반환

• 진법을 나타내는 2~36 사이의 정수값을 인수로 전달할 수 있다.
• 인수를 생략하면 기본값 10진법이 지정된다.

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