ECMAScript 6 : 새로운 숫자 방법-JS 튜토리얼-php.cn

ECMAScript 6 : 새로운 숫자 방법 이 기사는 ES6 (ECMAScript 6)의 새롭고 개선 된 숫자 방법을 다룹니다. 는 ES6의 새로운 기능에 대한 시리즈의 일부이며, 문자열 및 배열 데이터 유형에 사용할 수있는 새로운 방법을 논의했지만 MAP 및 약점과 같은 새로운 유형의 데이터에 대해서도 논의했습니다. 숫자 데이터 유형에 추가 된 새로운 방법과 상수를 소개하겠습니다. 우리가 볼 수 있듯이 다루는 숫자 방법 중 일부는 전혀 새로운 것이 아니지만 올바른 객체 (예 : ISNAN ())에서 개선 및/또는 이동했습니다. 언제나 그렇듯이, 우리는 또한 몇 가지 예를 들어 획득 한 새로운 지식을 실천할 것입니다. 더 이상 고민하지 않고 시작합시다.

키 테이크 아웃

es6은 number.isinteger (), number.isnan (), number.isfinite (), number.issafeinteger (), number.parseint () 및 숫자. > number.isinteger () 전달 된 값이 정수인지 확인, 번호. isnan () 테스트 값이 NAN과 동일한 지 테스트하고 전달 된 값이 유한 숫자인지 테스트합니다.

번호 .IsSafeInteger () 전달 된 값이 안전한 정수의 숫자인지를 테스트합니다. 번호 .parseint () 및 숫자. 그들은 문자열 인수를 구문 분석하고 각각 정수와 부동 소수점 번호를 반환합니다.

. es6는 또한 JavaScript에서 최대 및 최소 안전 정수를 나타내는 숫자.

번호 .isinteger () 내가 다루고 싶은 첫 번째 방법은 숫자입니다. isinteger (). JavaScript에 새로 추가되었으며 과거에 스스로 정의하고 사용했을 수도 있습니다. 함수에 전달 된 값이 정수인지 아닌지를 결정합니다. 이 메소드는 전달 된 값이 정수 인 경우 true를 반환하고 그렇지 않으면 False가됩니다. 이 방법의 구현은 매우 쉬웠지만 기본적으로 사용하는 것이 좋습니다. 이 기능을 재현 할 수있는 가능한 솔루션 중 하나는 다음과 같습니다.

그냥 재미를 위해, 나는이 기능을 재현하려고 노력했고 다른 접근법으로 끝났다 :

이 두 기능은 양호하고 유용하지만 ECMAScript 6 사양을 존중하지 않습니다. 따라서이 방법을 PolyFill하려면 곧 볼 수 있듯이 조금 더 복잡한 것이 필요합니다. 현재 숫자의 구문을 발견하여 시작하겠습니다.

숫자 인수는 테스트하려는 값을 나타냅니다.

이 방법의 사용의 일부 예는 다음과 같습니다.

이전 코드의 라이브 데모는 아래에 나와 있으며 jsbin에서도 사용할 수 있습니다.이 방법은 인터넷 익스플로러를 제외하고 노드 및 모든 최신 브라우저에서 지원됩니다. 이전 브라우저를 지원 해야하는 경우 Methody Page의 Mozilla Developer Network에서 사용 가능한 폴리 필드를 사용할 수 있습니다. 이것은 또한 당신의 편의를 위해 아래에서 재현됩니다 :

과거에 JavaScript 코드를 작성한 경우이 방법은 새로운 것이 아닙니다. 한동안 JavaScript는 Window 객체를 통해 노출되는 ISNAN ()이라는 메소드를 가지고 있습니다. 이 방법은 값이 NAN과 동일하다면 테스트하고,이 경우 true 또는 다른 방법으로 거짓말을합니다. Window.isnan ()의 문제점은

가 를 숫자로 변환 한 값에 대해 true를 반환한다는 점에서 문제가 있다는 것입니다. 이 문제에 대한 구체적인 아이디어를 제공하려면 다음 진술이 모두 참으로 반환됩니다.

<span>Number.isInteger = Number.isInteger || function (number) {
</span>  <span>return typeof number === 'number' && number % 1 === 0;
</span><span>};
</span>

로그인 후 복사

필요한 것은 NAN 값이 통과 된 경우에만 TRUE를 반환하는 방법입니다. 그렇기 때문에 ECMAScript 6에서 숫자 .isnan () 메소드를 도입 한 이유입니다. 구문은 당신이 기대할 수있는 것과 거의 같습니다

여기에서 값은 테스트하려는 값입니다. 이 방법의 일부 예는 다음과 같습니다

보시다시피, 동일한 값을 테스트하면 다른 결과를 얻습니다. 이전 스 니펫의 라이브 데모는 아래에 나와 있으며 jsbin에서도 사용할 수 있습니다. 이 방법은 인터넷 익스플로러를 제외하고 노드 및 모든 최신 브라우저에서 지원됩니다. 다른 브라우저를 지원하려면이 방법에 대한 매우 간단한 폴리 필이 다음과 같습니다. 이것이 작동하는 이유는 NAN이 JavaScript에서 유일한 비 반사적 값이기 때문입니다. 즉, 그것이 그 자체와 같지 않은 유일한 값이라는 것을 의미합니다.

. 이 방법은 이전 방법과 같은 이야기를 공유합니다. JavaScript에는 전달 된 값이 유한 번호인지 아닌지 테스트하는 Window.ispinite ()라는 메소드가 있습니다. 불행히도

<span>Number.isInteger = Number.isInteger || function (number) {
</span>  <span>return typeof number === 'number' && Math.floor(number) === number;
</span><span>};
</span>

로그인 후 복사

가 를 숫자로 변환 한 값에 대해서도 유한 숫자가 될 것입니다. 이 문제의 예는 다음과 같습니다

이러한 이유로 ECMAScript 6에는 숫자에 속하는 isfinite ()이라는 메소드가 있습니다. 그것의 구문은 다음과 같습니다.

<span>Number.isInteger(number)
</span>

로그인 후 복사

여기에서 값은 테스트하려는 값입니다. 이전 스 니펫에서 동일한 값을 테스트하면 결과가 다르다는 것을 알 수 있습니다.

이전 스 니펫의 라이브 데모는 아래에 나와 있으며 jsbin에서도 사용할 수 있습니다. 이 방법은 인터넷 익스플로러를 제외하고 노드 및 모든 최신 브라우저에서 지원됩니다. MDN의 메소드 페이지에서 PolyFill을 찾을 수 있습니다. 번호 .issafeinteger () 숫자.issafeinteger () 메소드는 ES6에 완전히 새로운 추가 기능입니다. 전달 된 값이 안전한 정수인지 여부를 테스트합니다.이 경우 True를 반환합니다. 안전한 정수는 다음 두 가지 조건을 모두 충족시키는 정수로 정의됩니다.

숫자는 정확히 IEEE-754 이중 정밀 번호 로 표시 될 수 있습니다. IEEE-754 IEEE-754 표현은 IEEE-754 표현에 맞게 다른 정수를 반올림 한 결과가 될 수 없습니다.

이 정의에 근거하여, 안전한 정수는 모든 정수입니다. 이 값은 중요 하며이 섹션의 끝에서 조금 더 논의 할 것입니다.

이 방법의 구문은 다음과 같습니다

여기에서 값은 테스트하려는 값입니다. 이 방법의 몇 가지 예제는 다음과 같습니다.

이 코드의 라이브 데모는 아래에 나와 있으며 JSBIN에서도 제공됩니다. number.issafeinteger ()는 인터넷 익스플로러를 제외하고 노드 및 모든 최신 브라우저에서 지원됩니다. Paul Miller가 ES6-SHIM에서 추출한이 방법의 폴리 필은 다음과 같습니다.
숫자 .parseint () 및 숫자. 오래된 글로벌 버전. 따라서 지금까지 수행 한 것과 같은 방식으로 사용할 수 있으며 동일한 결과를 기대할 수 있습니다. 숫자에 이러한 방법을 추가하는 목적은 글로벌의 모듈화입니다.

완전성을 위해 구문을보고하고 있습니다

여기, 문자열은 구문 분석하려는 값을 나타내고 Radix는 문자열을 변환하는 데 사용하려는 radix입니다. 다음 스 니펫은 몇 가지 예를 보여줍니다

이 코드의 라이브 데모는 아래에 표시되며 jsbin에서도 제공됩니다. 이 방법은 인터넷 익스플로러를 제외하고는 노드 및 모든 최신 브라우저에서 지원됩니다. polyfill을 원할 경우 아래에 나열된대로 관련 글로벌 메소드를 호출 할 수 있습니다.

<span>Number.isInteger = Number.isInteger || function (number) {
</span>  <span>return typeof number === 'number' && number % 1 === 0;
</span><span>};
</span>

로그인 후 복사

브라우저 지원 다음 그래픽은 ES6의 내장 번호 개체에 대한 확장에 대한 브라우저 지원을 보여줍니다. 각 브라우저 버전의 사용 백분율을보기 위해 상자 위의 마우스.

es6-number를 사용할 수 있습니까? Caniuse.com의 주요 브라우저에서 ES6-Number 기능을 지원하는 데이터.

es6 숫자 방법 : 마무리 이 튜토리얼에서는 숫자 데이터 유형과 함께 작동하는 ECMAScript 6에 추가 된 새로운 메소드와 상수를 다루었습니다. ES6은 지금까지 언급하지 않은 또 다른 상수를 추가했다는 점은 주목할 가치가 있습니다. 이것은 숫자입니다 .epsilon과

는 숫자로 표시 될 수있는 것보다 큰 값과 가장 작은 값의 차이를 나타냅니다.

이 마지막 노트에서는 숫자 데이터 유형에 대한 여정을 마무리했습니다. <.> es6 숫자 방법 에 대한 자주 묻는 질문 (FAQ) 새로운 ES6 숫자 방법은 무엇이며 어떻게 작동합니까?

es6는 JavaScript에서 숫자를보다 쉽게 작업 할 수 있도록 몇 가지 새로운 숫자 방법을 도입했습니다. 여기에는 number.ispinite (), humber.isinteger (), number.isnan (), number.parsefloat () 및 숫자. 이러한 각 방법은 특정 기능을 수행합니다. 예를 들어, 숫자 ..isfinite ()는 값이 유한 번호인지 확인하고 숫자 .isinteger ()는 값이 정수인지 확인합니다. number.isnan () 값이 nan (숫자가 아님)인지 확인하고, number.parsefloat () 및 숫자. ES6의 ES6에서 숫자 .epsilon 메소드는 어떻게 작동합니까? 플로팅 포인트 숫자를 평등을 비교할 때 특히 유용합니다. 플로팅 포인트 수가 컴퓨터에 표시되는 방식으로 인해 보이더라도 정확히 동일하지 않을 수 있습니다. 숫자.epsilon은 두 숫자의 차이 가이 가장 작은 간격보다 적은 지 확인하는 데 사용될 수 있으며, 이는 효과적으로 동일하다는 것을 나타냅니다. ES6의 숫자.issafeinteger () 메소드는 값이 안전한 정수인지 확인하는 데 사용됩니다. 안전한 정수는 IEEE -754 이중 정밀 번호로 정확하게 표현 될 수있는 숫자이며, 이는 -(2^53 -1) 및 2^53 -1의 범위 내에 있음을 의미합니다.이 방법은 원하는 경우 유용합니다. 숫자가 JavaScript로 정확하게 표현 될 수 있는지 확인하십시오. 특정 수학 연산에서 중요 할 수 있습니다.