모던 자바스크립트 : Number

 

 

1. Number

• 표준 빌트인 객체인 Number는 원시 타입인 숫자를 다룰 때 유용한 프로퍼티와 메서드 제공
• Number는 생성자 함수 객체=> new 연산자와 함께 호출해 Number 인스턴스 생성 가능
• ES5에서 [[PrimitiveValue]]=== [[NumberData]]

래퍼 객체

• Number 생성자 함수에 인수 전달하지 않고 new 연산자와 함께 호출 시 [[NumberData]] 내부 슬롯에 0을 할당한 Number 래퍼 객체 생성
• Number 생성자 함수의 인수로 숫자 전달하면서 new 연산자와 함께 호출하면  [[NumberData]] 내부 슬롯에 인수로 전달받은 숫자를 할당한 Number 래퍼 객체 생성
• Number 생성자 함수의 인수로 숫자가 아닌 값을 전달하면 인수를 숫자로 강제 변환 후 [[NumberData]] 내부 슬롯에 변환된 숫자를 할당한 Number 래퍼 객체 생성
  • 인수를 숫자로 변환할 수 없다면 NaNdmf [[NumberData]] 내부 슬롯에 할당한 Number 래퍼 객체 생성

명시적 타입변환

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

 

2. Number 프로퍼티

a. Number.EPSILON

• ES6에서 도입된 Number.EPSILON은 1과 1보다 큰 숫자 중에서 가장 작은 숫자와의 차이와 같음
  • Number.EPSILON은 약 2.2204460492503130808472633361816E-16
• 부동소수점 산술 연산은 정확한 결과를 기대하기 어려움
  • 정수는 2진법으로 오차 없이 저장가능하지만 부동 소수점을 표현하기 위해 가장 널리 쓰이는 표준인 IEEE 754는 2진법으로 변환했을 때 무한소수가 되어 미세한 오차가 발생할 수 밖에 없는 구조적 한계가 있음
  • Number.EPSILON은 부동소수점으로 인해 발생하는 오차를 해결하기 위해 사용

b. Number.MAX_VALUE

• 자바스크립트에서 표현할 수 있는 가장 큰 양수 값===1.7976931348623157E+308
• Number.MAX_VALUE보다 큰 숫자는 Infinity

c. Number.MIN_VALUE

• 자바스크립트에서 표현할 수 있는 가장 작은 양수 값 === 5E-324
• Number.MIN_VALUE보다 작은 숫자는 0

d. Number.MAX_SAFE_INTEGER

• 자바스크립트에서 가장 큰 정수값
• 9,007,199,254,740,991 or ~9 quadrillion

e. Number.MIN_SAFE_INTEGER

• 자바스크립트에서 안전하게 표현할 수 있는 가장 작은 정수값
• -9,007,199,254,740,991

f. Number.POSITIVE_INFINITY

• 양의 무한대를 나타내는 숫자값 Infinity

g. Number.NEGATIVE_INFINITY

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

h. Number.NaN

• 숫자가 아님을 나타내는 숫자값
• Number.NaN===window.NaN

 

3. Number 메서드

a. Number.isFinite

• ES6에서 도입된 Number.isFinite 정적 메서드는 인수로 전달된 숫자값이 정상적인 유한수, 즉 Infinity 또는 -Infinity가 아닌지 검사해 그 결과를 불리언 값으로 반환
  • 만약 인수가 NaN이면 언제나 false 반환
• Number.isFinite메서드는 빌트인 전역 함수 isFinite와 차이가 있음
  • 빌트인 전역 함수 isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환해 검사를 수행하지만 Number.isFinite는 전달받은 인수를 숫자로 암묵적 타입 변환하지 않음
  • 따라서 숫자가 아닌 인수가 주어지면 반환값은 언제나 false

b. Number.isInteger

• ES6에서 도입된 Number.isInteger 정적 메서드는 인수로 전달된 숫자값이 정수인지 검사하여 그 결과를 불리언 값으로 반환
• 검사하기 전에 인수를 숫자로 암묵적 타입 변환하지 않음

c. Number.isNaN

• ES6에서 도입된 Number.isNaN 정적 메서드는 인수로 전달된 숫자값이 NaN인지 검사해 그 결과를 불리언 값으로 반환
• Number.isNaN메서드는 빌트인 전역 한수 isNaN과 차이가 있음
  • 빌트인 전역 함수 isNaN은 전달받은 인수를 숫자로 암묵적 타입 변환하여 검사를 수행하지만 Number.isNaN 메서드는 전달받은 인수를 숫자로 암묵적 타입 변환하지 않음
  • 따라서 숫자가 아닌 인수가 주어졌을 때 반환값은 언제나 false

d. Number.isSafeInteger

• ES6에서 도입된 Number.isSafeInteger 정적 메서드
• 인수로 전달된 숫자값이 안전한 정수인지 검사해 그 결과를 불리언 값으로 반환
  • 안전한 정수값은 -(253 - 1) 과 253 - 1 사이의 정수값
  • 검사 전 인수를 숫자로 암묵적 타입 변환하지 않음

e. Number.prototype.toExponential

toExponential 메서드는 숫자를 지수 표기법으로 변환해 문자열로 반환

• 지수 표기법이란 매우 크거나 작은 숫자를 표기할 때 주로 사용하며 e(Exponent) 앞에 있는 숫자에 10의 n승을 곱하는 형식으로 수를 나타내는 방식
• 인수로 소수점 이하로 표현할 자릿수를 전달 가능

숫자 리터럴과 함께 Number 프로토타입 메서드를 사용할 경우 에러 발생

• 숫자 뒤의 . 은 부동 소수점 숫자의 소수 구분 기호일 수도 있고 객체 프로퍼티에 접근하기 위한 프로퍼티 접근 연산자일수도 있음
• 자바스크립트 엔진은 숫자 뒤 .을 부동 소수점 숫자의 소수 구분 기호로 해석
• 혼란을 방지하기 위해
  • 그룹 연산자 사용
    • (77).toExponential()
  • 또는 공백이 오면 .을 프로퍼티 접근 연산자로 해석함
    • 77 .toExponential()

f. Number.prototype.toFixed

• toFixed 메서드는 숫자를 반올림해 문자열로 반환
• 반올림하는 소수점 이하 자릿수를 나타내는 0~20 사이의 정수값을 인수로 전달 가능
  • 인수 생략 시 기본값 0이 지정됨

g. Number.prototype.toPrecision

• toPrecision 메서드는 인수로 전달받은 전체 자릿수까지 유효하도록 나머지 자릿수를 반올림해 문자열로 반환
• 인수로 전달받은 전체 자릿수로 표현할 수 없는 경우 지수 표기법으로 결과 반환
  • 전체 자릿수를 나타내는 0~21 사이의 정수값을 인수로 전달 가능
  • 인수를 생략하면 기본 값 0 지정

h. Number.prototype.toString

• toString 메서드는 숫자를 문자열로 변환하여 반환
• 진법을 나타내는 2~36사이의 정수값을 인수로 전달 가능
  • 인수 생략 시 기본 값 10진법 지정

 

 

 

모던 자바스크립트 딥다이브 책을 정리한 내용입니다!!