JavaScript) Number

iamokian·2022년 6월 3일
0

JavascriptDeepDive

목록 보기
27/37

Number

1. Number 생성자 함수

표준 빌트인 객체인 Number 객체는 생성자 함수 객체다. 따라서 new 연산자와 함께 호출하여 Number 인스턴스를 생성할 수 있다.
Number 생성자 함수에 인수를 전달하지 않고 new 연산자와 함께 호출하면 [[NumberData]] 내부 슬롯에 0을 할당한 Number 래퍼 객체를 생성한다.

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

Number 생성자 함수의 인수로 숫자를 전달하면서 new 연산자와 함께 호출하면 [[NumberData]] 내부 슬롯에 인수로 전달받은 숫자를 할당한 Number 래퍼 객체를 생성한다.

// 문자열 타입 => 숫자 타입
Number('0'); // 0
Number('-1'); // -1
Number('10.53'); // 10.53

// 불리언 타입 => 숫자 타입
Number(true); // 1
Number(false); // 0

new 연산자를 사용하지 않고 Number 생성자 함수를 호출하면 Number 인스턴스가 아닌 숫자를 반환한다. 이를 이용하여 명시적으로 타입을 변환하기도 한다.


2. Number 프로퍼티

2-1. Number.MAX_VALUE

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

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

2-2. Number.MIN_VALUE

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

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

2-3. Number.MAX_SAFE_INTEGER

Number.MAX_SAFE_INTEGER는 자바스크립트에서 안전하게 표현할 수 있는 가장 큰 정수값이다.

Number.MAX_SAFE_INTEGER; // 9007199254740991

2-4. Number.MIN_SAFE_INTEGER

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

Number.MIN_SAFE_INTEGER; // -900719925470991

2-5. Number.POSITIVE_INFINITY

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

Number.POSITIVE_INFINITY; // Infinity

2-6. Number.NEGATIVE_INFINITY

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

Number.NEGATIVE_INFINITY; // -Infinity

2-7. Number.NaN

Number.NaN은 숫자가 아님(Not-a-Number)을 나타내는 숫자값이다. Number.NaN은 window.NaN과 같다.

Number.NaN; // NaN

3. Number 메서드

3-1. Number.isFinite

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

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

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

만약 인수가 NaN이면 언제나 false를 반환한다.

3-2. Number.isInteger

ES6에서 도입된 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

3-3. Number.isNaN

ES6에서 도입된 Number.isNaN 정적 메서드는 인수로 전달된 숫자값이 NaN인지 검사하여 그 결과를 불리언 값으로 반환한다.

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

3-4. Number.prototype.toFixed

toFixed 메서드는 숫자를 반올림하여 문자열로 반환한다. 반올림하는 소수점 이하 자릿수를 나타내는 0~20 사이의 정수값을 인수로 전달할 수 있다. 인수를 생략하면 기본값0이 지정된다.

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

3-5. 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”

모던 자바스크립트 Deep Dive를 읽고 정리한 글입니다😊

profile
필기하고 기록하고

0개의 댓글