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에서 추출한이 방법의 폴리 필은 다음과 같습니다.
  이 폴리 필드는 이전에 논의 된 숫자에 의존한다는 점에 유의하므로 이전에 논의 된 숫자. ecmascript 6은 또한 두 가지 관련 상수 값을 소개했습니다. 전자는 JavaScript의 최대 안전 정수를 나타냅니다. 당신이 알 수 있듯이, 이것들은 이전에 인용 한 것과 동일한 값입니다.
  • 숫자 .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로 정확하게 표현 될 수 있는지 확인하십시오. 특정 수학 연산에서 중요 할 수 있습니다.

  숫자. 숫자 객체의 일부. 즉, 독립형 함수가 아닌 숫자 객체의 메소드라고 부를 수 있습니다. 함수는 동일합니다 - 지정된 라디습니다. 지정된 무선 또는 기본의 정수로 문자열을 변환합니다.

  숫자의 중요성은 무엇입니까. 숫자 .max_safe_integer 및 number.min_safe_integer es6의 상수는 JavaScript의 최대 및 최소 안전 정수 값을 나타냅니다. 안전한 정수는 IEEE-754 이중 정밀 번호로 정확하게 표현 될 수있는 정수입니다. 이 상수는 숫자가 안전한 정수 범위 내에 있는지 확인해야 할 때 유용합니다. 특정 수학 연산에서 중요 할 수 있습니다.

  es6에서 숫자를 어떻게 사용할 수 있습니까?

  ES6의 숫자 .isnan () 메소드는 값이 NAN인지 확인하는 데 사용됩니다 (숫자가 아님). 이것은 글로벌 isnan () 함수와 다르며, 테스트하기 전에 인수를 숫자로 변환합니다. number.isnan ()은이 변환을 수행하지 않으므로 인수가 실제 NAN 값 인 경우에만 사실을 반환합니다. 인수가 숫자로 변환 할 수없는 값이 아닌 경우. es6에서 number.ispinite () 메소드의 사용은 es6의 number.ispinite () 메소드에서 값이 유한 번호인지 결정하는 데 사용됩니다. 이것은 글로벌 isfinite () 함수와 다르며, 테스트하기 전에 인수를 숫자로 변환합니다. 숫자. isfinite ()는이 변환을 수행하지 않으므로 인수가 유한 한 숫자 인 경우에만 사실을 반환합니다. 인수가 숫자로 변환 할 수없는 값이 아닌 경우. ES6의 숫자. 즉, 독립형 함수가 아닌 숫자 객체의 메소드라고 부를 수 있습니다. 함수는 동일합니다 - 문자열 인수를 구문 분석하고 부동 소수점 번호를 반환합니다.

  use6?

  숫자에서 숫자를 사용할 수있는 방법. isinteger () ES6의 방법은 값이 정수인지 확인하는 데 사용됩니다. 이 메소드는 값이 NAN이 아닌 무한대가 아닌 숫자이며 분수 구성 요소없이 표현할 수있는 경우 true를 반환합니다. 숫자가 정수인지 확인해야 할 때 유용합니다. 특정 수학 연산에서 중요 할 수 있습니다.

  새로운 ES6 숫자 방법의 실제 응용은 무엇입니까?

  새로운 ES6 숫자 방법은 JavaScript의 숫자를 사용하는보다 강력하고 정확한 방법을 제공합니다. 그들은 숫자가 유한 한, 정수, Nan 또는 안전한 정수인지 확인하고 문자열을 숫자로 구문 분석하는 데 사용될 수 있습니다. 이러한 방법은 수학 연산, 데이터 검증 및 숫자에 대한 정확한 제어가 필요한 다른 곳에서 특히 유용 할 수 있습니다.

위 내용은 ECMAScript 6 : 새로운 숫자 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!