FrontEnd/Deep Dive

[JS] DeepDive(28) Number

728x90

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

 

new 연산자와 함께 Number 인스턴스를 생성할 수 있다.

 

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

 

 

 

Number.EPSILON

 

ES6에서 도입된 Number.EPSILON은 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이와 같다. Number.EPSILON은 약 2.22044604925031308084726633361816 * 10^-16 이다.

 

 

 

따라서 부동 소수점 산술연산은 정확한 결과를 기대하기 어렵고 무한소수를 계산하는 경우 미세한 오차가 발생할 수 밖에 없다.

 

0.1 + 0.2;         // -> 0.30000000000000004
0.1 + 0.2 === 0.3; // -> false

 

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.MAX_VALUE

JS에서 표현할 수 있는 가장 큰 양수값으로 해당 수보다 큰 숫자는 Infinity이다.

 

 

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

 

 

 

Number.MIN_VALUE

JS에서 표현할 수 있는 가장 작은 값으로 해당 수보다 작다면 0이다.

 

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

 

 

Number.MAX_SAFE_INTEGER

안전하게 표현할 수 있는 가장 큰 정수값

 

Number.MAX_SAFE_INTEGER; // -> 9007199254740991

 

 

 

Number.MIN_SAFE_INTEGER

JS에서 안전하게 표현할 수 있는 가장 작은 정수값

 

Number.MIN_SAFE_INTEGER; // -> -9007199254740991

 

 

Number.POSITIVE_INFINITY

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

 

Number.POSITIVE_INFINITY; // -> Infinity

 

 

Number.NEGATIVE_INFINITY

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

Number.NEGATIVE_INFINITY; // -> -Infinity

 

 

Number.NaN

숫자가 아님을 나타내는 숫자값

 

Number.NaN; // -> NaN

 

 

 

Number.isFinite

ES6에서 도입되었으며 인수로 전달된 숫자값이 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

 

 

빌트인 전역함수 isFinite와는 다르게 전달받은 인수를 타입 변환하지 않는다.

 

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

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

 

 

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인지 검사

 

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

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

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

 

Number.isSafeInteger

인수로 전달된 숫자값이 안전한 정수인지 검사

 

// 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"

 

숫자 뒤의 .은 소수구분 기호일수도 있고 객체에 접근하는 접근 연산자일수도 있다. 따라서 그룹 연산자 ( ) 를 활용해줘야 한다.

 

77.toExponential(); // -> SyntaxError: Invalid or unexpected token
77.1234.toExponential(); // -> "7.71234e+1"
(77).toExponential(); // -> "7.7e+1"

//아래 방법도 허용하긴 함
77 .toExponential(); // -> "7.7e+1"

 

 

Number.prototype.toFixed

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

 

// 소수점 이하 반올림. 인수를 생략하면 기본값 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이 전달된다.
(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

숫자를 문자열로 변환하며 값을 넣으면 진수값으로 변환

 

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

 

 

 

 

 

728x90

'FrontEnd > Deep Dive' 카테고리의 다른 글

[JS] DeepDive(30) Date  (0) 2023.09.04
[JS] DeepDive(29) Math  (0) 2023.09.03
[JS] DeepDive(27) 배열  (0) 2023.09.01
[JS] DeepDive(26) ES6함수의 추가기능  (0) 2023.08.27
[JS] DeepDive(25) 클래스 - 1  (0) 2023.08.24