English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 가이드

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 가이드

JavaScript 참조 가이드

JavaScript 숫자 메서드

지난 장에서는 숫자의 기본 지식을 배웠습니다. 이제 한 단계 더 나아가서 숫자에 대해 사용할 수 있는 내장 메서드와 속성을 고려해 보겠습니다.

원시 값이며 예를 들어(25또는3.14),속성이나 메서드를 가질 수 없습니다(객체가 아니기 때문에)。

하지만 JavaScript에서 메서드와 속성은 원시 값에도 사용될 수 있으며, JavaScript는 메서드와 속성을 실행할 때 원시 값을 객체로 본다.

toExponential() 메서드

toExponential()메서드는 숫자를 표현하는 문자열을 반환합니다.

이 메서드는 선택적 파라미터를 받으며, 이 파라미터는 소수점 뒤의 문자 수를 정의합니다.

var num = 12.5;
num.toExponential();  // 반환 1.25e+1
num.toExponential(2); // 반환 1.25e+1
num.toExponential(4); // 반환 1.2500e+1
num.toExponential(6); // 반환 1.250000e+1
테스트를 보세요‹/›

주의:인덱스 기호는 매우 크거나 매우 작은 숫자를 표현하는 데 사용될 수 있습니다. 예를 들어,95700000000은 다음과 같이 쓸 수 있습니다.957e8또는957e + 8。

toFixed() 메서드

toFixed()메서드는定点 표기법으로 숫자를 포맷화합니다.

이 메서드가 반환하는 값은 문자열이며, 소수점 뒤에는 정확히 지정된 자릿수가 있습니다.

var num = 12.525;
num.toFixed();  // 반환 13
num.toFixed(2); // 반환 12.53
num.toFixed(4); // 반환 12.5250
num.toFixed(6); // 반환 12.525000
테스트를 보세요‹/›

필요할 경우 숫자는 반올림되고, 필요한 경우 소수점 부분은 0으로 채워져서 지정된 길이를 가집니다.

toPrecision() 메서드

toPrecision()메서드는 지정된 정밀도를 가진 숫자를 표현하는 문자열을 반환합니다.

이 메서드가 반환하는 값은 문자열이며, 소수점 뒤에는 정확히 지정된 자릿수가 있습니다.

var num = 5.123456;
num.toPrecision();// 5.123456
num.toPrecision(1);   // 5
num.toPrecision(2);   // 5.1
num.toPrecision(3);   // 5.12
num.toPrecision(4);   // 5.123
num.toPrecision(10);  // 5.123456000
테스트를 보세요‹/›

toString() 메서드

toString()메서드는 지정된 숫자를 표현하는 문자열을 반환합니다.

var num = 255;
num.toString();   // 반환 "255"로 문자열
테스트를 보세요‹/›

toString()메서드는 선택적으로 받을 수 있습니다.2까지36범위 내의 정수 파라미터, 이 정수 파라미터는 숫자를 표현하는 기본수를 지정합니다.

var num = 255;
num.toString(10);  // 반환 "255"
num.toString(16);  // 반환 "ff"
num.toString(8);   // 반환 "377"
num.toString(2);   // 반환 "11111111"
테스트를 보세요‹/›

또한, 대신 변수 대신 괄호 안에 값을 두 수 있습니다.

(9048).toString();// 반환 "9048"
(false).toString();   // 반환 "false"
(50 + 20).toString(); // 반환 "70"
테스트를 보세요‹/›

valueOf() 메서드

valueOf()메서드는 숫자의 원시 값을 반환합니다.

var x = new Number(50);
typeof x.valueOf(); // 숫자를 반환(객체 대신)
테스트를 보세요‹/›

JavaScript에서 숫자는 원시 값이나 객체일 수 있습니다.

valueOf()Number 객체를 원시 값으로 변환하는 데 사용되는 메서드

변수를 숫자로 변환하는 방법

있음3JavaScript 전역 함수변수를 숫자로 변환할 수 있습니다:

Number() 함수

Number()함수는 주어진 매개변수를 숫자로 변환합니다.

이 값이 숫자로 변환되지 않으면 NaN을 반환합니다.

Number(true);   // 반환 1
Number(false);  // 0을 반환합니다
Number("100");  // 반환 100
Number("2 + 6");// NaN을 반환합니다
Number("2 6");  // NaN을 반환합니다
Number("Parrot");   // NaN을 반환합니다
테스트를 보세요‹/›

매개변수가Date 객체이 값이 숫자로 변환되지 않으면Number()함수는 UTC 1970년1월1일以来的밀리초 수.

Number(new Date());
테스트를 보세요‹/›

parseInt() 함수

parseInt()문자열을 분석하고 정수를 반환하는 함수입니다.

CSS 단위 값 등을 처리할 때(예를 들어15px,4em과 같은 단위를 추출하고数值를 추출할 때 이 기능이 유용합니다.

parseInt("12");   // 반환 12
parseInt("12.25");// 반환 12
parseInt("15px"); // 반환 15
parseInt("4 days");   // 반환 4
parseInt("Day 4");// NaN을 반환합니다
parseInt("36 24 36"); // 반환 36
parseInt("   20   "); // 반환 20
테스트를 보세요‹/›

첫 번째 문자가 숫자로 변환되지 않으면 NaN을 반환합니다.

parseInt()옵션적으로 하나의 정수 매개변수를 받아 사용할 수 있는 숫자 시스템을 지정할 수 있습니다. 예를 들어, 기본값16(16진수)문자열의 숫자를 16진수에서 10진수로 변환해야 합니다.

parseInt("FF", 16);// 반환 255
parseInt("1111" 2);   // 반환 15
테스트를 보세요‹/›

parseFloat() 함수

parseFloat()문자열을 분석하고 실수를 반환하는 함수입니다.

parseFloat("12.25");  // 반환 12.25
parseFloat("5.6em");  // 반환 5.6
parseFloat("80.5 kg");// 반환 80.5
parseFloat("weight 80.5 kg"); // NaN을 반환합니다
테스트를 보세요‹/›

첫 번째 문자가 숫자로 변환되지 않으면 NaN을 반환합니다.

JavaScript 숫자 속성

아래 표는 Number 객체의 속성을 나열합니다:

속성설명
MAX_VALUEJavaScript에서 가능한 가장 큰 숫자를 반환합니다
MIN_VALUEJavaScript에서 가능한 가장 작은 숫자를 반환합니다
NEGATIVE_INFINITY음의 무한대를 나타냅니다(초과 시 반환됩니다)
POSITIVE_INFINITY무한대를 나타냅니다(초과 시 반환됩니다)
NaN‘비숫자’ 값을 나타냅니다

주의:Number의 모든 속성은 정적입니다. 항상 그것을 사용하십시오:Number.property캡션에서 Number 객체의 속성으로 사용되지 않습니다.

JavaScript MIN_VALUE와 MAX_VALUE

MAX_VALUE속성은 JavaScript에서 표현할 수 있는 가장 큰 수치를 나타냅니다.

Number.MAX_VALUE;
테스트를 보세요‹/›

MIN_VALUE속성은 JavaScript에서 표현할 수 있는 가장 작은 양수 값을 나타냅니다.

Number.MIN_VALUE;
테스트를 보세요‹/›

JavaScript POSITIVE_INFINITY과 NEGATIVE_INFINITY

NEGATIVE_INFINITY속성은 음의 무한대 값을 나타냅니다.

Number.NEGATIVE_INFINITY;
테스트를 보세요‹/›

NEGATIVE_INFINITY 초과 반환:

var num = -5 / 0;
테스트를 보세요‹/›

POSITIVE_INFINITY속성은 긍정적인 Infinity 값을 나타냅니다.

Number.POSITIVE_INFINITY;
테스트를 보세요‹/›

POSITIVE_INFINITY 초과 반환:

var num = 5 / 0;
테스트를 보세요‹/›

JavaScript NaN-숫자가 아닙니다

NaN속성은 불법적인 값을 나타냅니다.

예를 들어, 숫자와 문자열을 곱하는 경우 반환되는 값은 'NaN'입니다.

var ans = 10 * 'Hello';
document.getElementById('result').innerHTML = ans;
테스트를 보세요‹/›

숫자 속성은 정적입니다

숫자 속성은 정적이며, 항상 다음과 같이 사용됩니다:Number.속성캡션에서 Number 객체의 속성으로 사용되지 않습니다.

예를 들어, Number 자체 대신에 생성한 객체(에) MAX_VALUE를 호출하면 불 정의 값이 발생합니다:

var num = 20;
num.MAX_VALUE;// undefined
테스트를 보세요‹/›

완전한 숫자 참조

완전한 속성과 메서드 참조에 대한 정보는 우리의JavaScript Number 참조

참조 부분에는 모든 숫자 속성과 메서드의 설명과 예제가 포함되어 있습니다.