28. Number

2023. 1. 9. 14:53기록/Modern JavaScript Deep Dive

    목차

Number 생성자 함수

new 연산자와 함께 호출하여 Number 인스턴스 생성 가능
const numObj = new Number();
console.log(numObj); // Number {[[PrimitiveValue]]: 0}

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

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

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

[[PrimitiveValue]] 라는 접근할 수 없는 프로퍼티는 [[NumberData]] 내부 슬롯을 가리킴

 

인수를 전달하지 않을 경우

  • [[NumberData]] 내부 슬롯에 0을 할당한 Number 래퍼 객체 생성

인수를 전달할 경우

  • [[NumberData]] 내부 슬롯에 인수로 전달받은 숫자를 할당한 Number 래퍼 객체 생성

인수로 숫자가 아닌 값을 전달할 경우

  • 인수를 숫자로 강제 변환 후,
  • [[NumberData]] 내부 슬롯에 변환된 숫자를 할당한 Number 래퍼 객체 생성

 

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

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

new 연산자를 사용하지 않고 Number 생성자 함수를 호출할 경우

Number 인스턴스가 아닌 숫자를 반환함

이를 이용해 명시적 타입 변환 가능


Number 프로퍼티

1. Number.EPSILON

1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이와 같음
부동소수점으로 인해 발생하는 오차를 해결하기 위해 사용함
function isEqual(a, b) {
  // a와 b를 뺀 값의 절대값이 Number.EPSILON보다 작으면 같은 수로 인정함
  return Math.abs(a - b) < Number.EPSILON;
}

isEqual(0.1 + 0.2, 0.3);

 

2. Number.MAX_VALUE

자바스크립트에서 표현 가능한 가장 큰 양수 값
Number.MAX_VALUE 보다 큰 숫자는 Infinity

 

3. Number.MIN_VALUE

자바스크립트에서 표현 가능한 가장 작은 양수 값
Number.MIN_VALUE 보다 작은 숫자는 0

 

4. Number.MAX_SAFE_INTEGER

자바스크립트에서 안전하게 표현 가능한 가장 큰 정수값

 

5. Number.MIN_SAFE_INTEGER

자바스크립트에서 안전하게 표현 가능한 가장 작은 정수값

 

6. Number.POSITIVE_INFINITY

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

 

7. Number.NEGATIVE_INFINITY

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

 

8. Number.NaN

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

Number 메서드

1. Number.isFinite

인수로 전달된 숫자값이 정상적인 유한수인지 검사하여 (Infinity 또는 -Infinity)
그 결과를 불리언 값으로 반환함 (타입 변환 X)

빌트인 전역 함수 isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환하여 검사함

 

2. Number.isInteger

인수로 전달된 숫자값이 정수인지 검사하여
그 결과를 불리언 값으로 반환함 (타입 변환 X)

 

3. Number.isNaN

인수로 전달된 숫자값이 NaN인지 검사하여 
그 결과를 불리언 값으로 반환함 (타입 변환 X)

빌트인 전역 함수 isNaN은 전달받은 인수를 숫자로 암묵적 타입 변환하여 검사함

 

4. Number.isSafeInteger

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

 

5. Number.prototype.toExponential

숫자를 지수 표기법으로 변환하여 문자열로 반환함
인수로 소수점 이하로 표현할 자릿수 전달 가능

 

지수 표기법

매우 크거나 작은 숫자를 표기할 때 주로 사용함

e(Exponent) 앞에 있는 수자에 10의 n승을 곱하는 형식으로 수를 나타내는 방식

 

6. Number.prototype.toFixed

숫자를 반올림하여 문자열로 반환함
반올림하는 소수점 이하 자릿수를 나타내는 0~20사이의 정수값을 인수로 전달 가능
인수 생략 시 기본값 0이 지정됨
// 소수점 이하 반올림. 인수 생략 시 기본값 0이 지정됨
(12345.6789).toFixed(); // "12345"

// 소수점 이하 1자릿수 유효, 나머지 반올림
(12345.6789).toFixed(1); // "12345.7"

// 소수점 이하 2자릿수 유효, 나머지 반올림
(12345.6789).toFixed(1); // "12345.68"

 

7. Number.prototype.toPrecision

인수로 전달받은 전체 자릿수까지 유효하도록 나머지 자릿수를 반올림하여 문자열로 반환함
인수로 전달받은 전체 자릿수로 표현 불가능한 경우 지수 표기법으로 결과를 반환함
전체 자릿수를 나타내는 0~21사이의 정수값을 인수로 전달 가능
인수 생략 시 기본값 0이 지정됨
// 전체 자릿수 유효. 인수 생략 시 기본값 0이 지정됨
(12345.6789).toPrecision(); // "12345.6789"

// 전체 2자릿수 유효, 나머지 반올림
(12345.6789).toPrecision(2); // "1.2e+4"

// 전체 6자릿수 유효, 나머지 반올림
(12345.6789).toPrecision(6); // "12345.7"

 

8. Number.prototoype.toString

숫자를 문자열로 변환하여 반환함
진법을 나타내는 2~36사이의 정수값을 인수로 전달 가능
인수 생략 시 기본값 10진법이 지정됨
// 인수 생략 시 10진수 문자열 반환
(10).toString(); // "10"

// 2진수 문자열 반환
(16).toString(2); // "10000"

// 8진수 문자열 반환
(16).toString(8); // "20"

// 16진수 문자열 반환
(16).toString(16); // "10"