모던자바스크립트 28.Number

Number 생성자 함수

표준 빌트인 객체인 Number 객체는 생성자 함수 객체다. 따라서 new연산자 함수와 함께 호출하여 Number 인스턴스를 생성할 수 있다.

Number 생성자 함수 인수 = [[NumberData]] 내부 슬롯에 할당 되는 값 ⇒ Number 래퍼 객체를 생성한다.

인수가 없거나 숫자가 아닌 값일 경우
- 인수가 없을 경우 : 0을 할당한 래퍼객체 생성
```
const numObj = new Number()
console.log(numObj) //Number{[[PrimitiveValue]]: 0}
```
- 숫자가 아닌 값 : 인수를 숫자로 강제 변환한 후, [[NumberData]] 내부 슬롯에 변환된 숫자 할당. 숫자로 변환할 수 없는 경우 NaN 할당한 래퍼객체 생성
```
const numObj = new Number('Hello')
console.log(numObj) //Number {[[PrimitiveValue]]:NaN}
```

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

Number 프로퍼티

Number.EPSILON

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

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

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

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

Number.MIN_VALUE

자바스크립트에서 표현할 수 있는 가장 작은 양수 값(5e-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

숫자가 아님을 나타내는 숫자 값이다. window.NaN과 같다.

Number.NaN //NaN

title: '모던자바스크립트 29.Math' date: '2021-03-26' tags: ['javascript', '모던자바스크립트deep-dive'] draft: false summary: '자바스크립트의 Math 함수에 대해서'

Number 메서드

Number 메서드는 암묵적 타입변환을 하지 않는다.

Number.isInteger

ES6 도입. 인수로 전달된 숫자값이 정상적인 유한수인지 검사하여 boolean 값으로 반환

Number.isFinite(0) //true
Number.isFinite(Number.MAX_VALUE) //true

//Infinity와 -Infinity의 경우 false
Number.isFinite(Infinity) //false
Number.isFinite(-Infinity) //false

Number.isFinite(NaN) //false

Number.isInteger

ES6 도입. 숫자 값이 정수인지 검사하여 boolean 값으로 반환.

Number.isInteger(0) //true
Number.isInteger(-10) //true
Number.isInteger(0.2) //false
Number.isInteger('123') //false
Number.isInteger(NaN) //false

Number.isNaN

ES6 도입. 인수로 전달 된 값이 NaN인지 검사하여 boolean값으로 반환.

Number.isNaN(NaN) //true
Number.isNaN('Hello') //false
Number.isNaN(undefined) //false

Number.isSafeInteger

ES6 도입. 인수로 전달 된 값이 안전한 정수인지 검사하여 boolean값으로 반환.

Number.isSafeInteger(1000000000000000) //true
Number.isSafeInteger(10000000000000001) //false
Number.isSafeInteger(false) //false

Number.prototype.toExponential

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

(12.34567).toExponential();//"1.234567e+1"
(12.34567).toExponential(2);//"1.23e+1"
(12.34567).toExponential(4);//"1.2346e+1"

//NaN, Infinity,-Infinity 는 그대로 문자열로 반환
(NaN).toExponential();//"NaN"
(Infinity).toExponential();//"Infinity"
(-Infinity).toExponential();//"-Infinity"

//숫자리터럴과 함께 사용할경우 에러가 발생한다."."을 부동소수점 숫자의 구분기호로 해석한다.
12.toExponential(4);// Uncaught SyntaxError: Invalid or unexpected token
//숫자에 소수점 하나만 존재하므로 두번째 .은 프로퍼티 접근연산자로 해석된다.
12.34567.toExponential(4);//"1.2346e+1"
//혼란을 방지하기 위해 그룹연산자를 사용한다
(12).toExponential(4);//"1.2000e+1"

//뒤에 공백이 오면  .을 프로퍼티 접근연산자로 해석한다.
1 .toExponential(4);//"1.0000e+0"

Number.prototype.toFixed

숫자를 반올림 하여 문자열로 반환. 소수점 이하의 자릿수를 나타내는 0~20 사이의 정수값을 인수로 전달 할 수 있다.

;(1234.5678).toFixed() //"1235"
;(1234.5678).toFixed(1) //"1234.6"
;(1234.5678).toFixed(2) //"1234.57"
;(1234.5678).toFixed(3) //"1234.568"

NaN.toFixed(3) //"NaN"
Infinity.toFixed(3) //"Infinity"

//암묵적형변환 하지 않는다
'10.12123'.toFixed(3) //Uncaught TypeError: "10.12123".toFixed is not a function

Number.prototype.toPrecision

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

10.12123).toPrecision();//"10.12123"
(10.12123).toPrecision(1);//"1e+1"
(10.12123).toPrecision(2);//"10"
(10.12123).toPrecision(3);//"10.1"

("10.12123").toPrecision();//Uncaught TypeError: "10.12123".toPrecision is not a function

Number.prototype.toString

숫자를 문자열로 변환하여 반환.2~36 사이의 정수값을 인수로 전달. 인수를 생략하면 10진법

;(11111).toString() //"11111"
;(11111).toString(2) //"10101101100111"
;(11111).toString(8) //"25547"
;(11111).toString(16) //"2b67"

(Number.POSITIVE_INFINITY).toString() 반환값

"Infinity"

본 포스팅은 모던자바스크립트 deep dive를 공부하면서 정리한 내용입니다.