자바스크립트 숫자 메소드 Number Methods

자바스크립트의 숫자에 사용할 수 있는 유용한 메소드를 소개해봅니다.

 

1. toString( )

 

이 메소드는 숫자를 문자열로 반환하며, 정말 자주 사용됩니다. 모든 유형의 숫자(리터럴, 변수 또는 표현식)에 사용할 수 있습니다.

let x = 100;

x.toString();            
(100).toString();        
(100 + 50).toString();

 

2. toExponential( ) 및 toFixed( )

 

toExponential 메소드 숫자를 반올림하고, 지수 표기법을 사용하여 쓴 문자열을 반환합니다. 해당 메소드와 같이 사용하는 매개변수(파라미터)는 소수점 뒤의 숫자 갯수를 정의합니다. 매개변수를 지정하지 않으면, 반올림되지 않은 값이 리턴됩니다.

let x = 9.656;
x.toExponential(2);     // returns 9.66e+0
x.toExponential(4);     // returns 9.6560e+0
x.toExponential(6);     // returns 9.656000e+0

toFixed는 파라미터에 지정된 숫자만큼, 값과 소수 자리를 반올림하여 문자열로 반환합니다. toFixed(2)는 금액을 나타낼 경우 많이 사용된다고 합니다.

let x = 9.656;
x.toFixed(0);           // returns 10
x.toFixed(2);           // returns 9.66
x.toFixed(4);           // returns 9.6560
x.toFixed(6);           // returns 9.656000

반응형

3. valueOf( ), Number( ), parseFloat( ), parseInt( )

 

valueOf( ), Number( ), parseFloat( ), parseInt( )는 모두 숫자를 반환하는 메소드입니다.

valueOf 메소드는 숫자를 숫자로 반환하는 메소드입니다. 자바스크립트에서 숫자는 기본 값(typeof = number) 또는 객체(typeof = 객체)일 수 있습니다. valueOf() 메서드는 자바스크립트에서 내부적으로 Number 객체를 기본 값으로 변환하는 데 사용되며, 실제 코드에서 잘 사용하지는 않습니다.

let x = 123;
x.valueOf();            // returns 123 from variable x
(123).valueOf();        // returns 123 from literal 123
(100 + 23).valueOf();   // returns 123 from expression 100 + 23

Number 메소드는 인수에서 변환된 숫자를 반환합니다. parseFloat 및 parseInt 메소드는 인수를 분석하고, 부동 소수점 숫자 또는 정수를 반환합니다. Number 메소드는 Date( ) 함수에도 적용이 가능한데, 1970년 1월 1일 이후의 밀리 초수(1/1000 초)를 반환합니다.

Number(true);          // returns 1
Number(false);         // returns 0
Number("10");          // returns 10
Number("  10");        // returns 10
Number("10  ");        // returns 10
Number(" 10  ");       // returns 10
Number("10.33");       // returns 10.33
Number("10,33");       // returns NaN <- 환산 불가한 값은 Not a Number로 리턴
Number("10 33");       // returns NaN
Number("John");        // returns NaN

Number(new Date("1970-01-01")) // returns 0
Number(new Date("1970-01-02")) // This returns 86400000
Number(new Date("2021-09-16")) // 1631750400000

parseFloat 및 parseInt 메소드에서는 인자에 공백을 허용하며, 여러 개의 인자가 들어가는 경우, 오직 첫 번째 인자값만 반환합니다.

parseFloat("10");        // returns 10
parseFloat("10.33");     // returns 10.33
parseFloat("10 20 30");  // returns 10
parseFloat("10 years");  // returns 10
parseFloat("years 10");  // returns NaN

parseInt("-10");        // returns -10
parseInt("-10.33");     // returns -10
parseInt("10");         // returns 10
parseInt("10.33");      // returns 10
parseInt("10 20 30");   // returns 10
parseInt("10 years");   // returns 10
parseInt("years 10");   // returns NaN

추가로 알아두시면 좋은 부분은 숫자 프로퍼티입니다.

프로퍼티 종류는 다음과 같으며, 변수로서 사용은 불가능합니다.

MAX_VALUE	JavaScript에서 가능한 가장 큰 수를 반환합니다.
MIN_VALUE	JavaScript에서 가능한 가장 작은 수를 반환합니다.
POSITIVE_INFINITY	무한대를 반환
NEGATIVE_INFINITY	음의 무한대를 반환
NaN	"Not a Number"를 나타냄

let x = 100;
x.MAX_VALUE    // returns undefined