JavaScript에서 변수가 숫자인지 확인

coldplay.xixi
풀어 주다: 2020-10-23 17:06:00
앞으로
2835명이 탐색했습니다.

오늘의 JavaScript 칼럼에서는 변수가 숫자인지 확인하는 방법을 보여줍니다.

JavaScript에서 변수가 숫자인지 확인

다들 이력서에 쓸 프로젝트가 없다고 해서 프로젝트 찾도록 도와드렸어요.

소개

JavaScript는 동적으로 유형이 지정되는 언어입니다. 즉, 인터프리터가 런타임 시 변수의 유형을 결정합니다. 실제로 이를 통해 동일한 변수를 사용하여 동일한 코드에 다양한 유형의 데이터를 저장할 수도 있습니다. 문서화와 일관성이 없으면 코드 작업 시 변수 유형을 항상 알 수 없습니다.

변수가 숫자일 것으로 예상하는 경우 문자열이나 배열에 대한 연산은 코드에서 이상한 결과를 초래할 수 있습니다. 이번 글에서는 변수가 숫자인지 판단하는 몇 가지 함수를 소개하겠습니다.

"10"과 같은 숫자 문자열은 허용되지 않습니다. JavaScript에서는 NaN, Infinity-Infinity와 같은 특수 값도 숫자 유형입니다.

"10"之类的数字的字符串不应被接受。 在JavaScript中,诸如NaNInfinity-Infinity之类的特殊值也是数字类型的。

根据这些要求,最好使用的函数是内置Number对象中的isFinite()函数。但是,开发人员通常会使用其他函数,如Number.isNaN()typeof()函数。

我们先创建一些变量:

let intVar = 2;
let floatVar = 10.5;
let stringVar = '4';
let nanVar = NaN;
let infinityVar = Infinity;
let nullVar = null;
let undefinedVar = undefined;复制代码
로그인 후 복사

使用 Number.isFinite() 函数名

Number.isFinite()函数检查变量是否为数字,还检查其是否为有限值。 因此,对于NaNInfinity-Infinity的数字,它返回false

我们用上面定义的变量来检验一下:

> Number.isFinite(intVar);
true
> Number.isFinite(floatVar);
true
> Number.isFinite(stringVar);
false
> Number.isFinite(nanVar);
false
> Number.isFinite(infinityVar);
false
> Number.isFinite(nullVar);
false
> Number.isFinite(undefined);
false复制代码
로그인 후 복사

这正是我们想要的。特殊的非有限数以及非数字类型的任何变量都会被忽略。所以,如果你想检查一个变量是否是一个数字,最好的方法是使用Number.isFinite()函数。

使用 Number.isNaN() 方法

标准Number对象有一个isNaN()方法。它接受一个参数,并确定其值是否为NaN。因为我们想检查一个变量是否是一个数字,所以我们将在检查中使用非操作符!

> !Number.isNaN(intVar);
true
> !Number.isNaN(floatVar);
true
> !Number.isNaN(stringVar);
true # Wrong
> !Number.isNaN(nanVar);
false
> !Number.isNaN(infinityVar);
true # Wrong
> !Number.isNaN(nullVar);
true # Wrong
> !Number.isNaN(undefinedVar);
true # Wrong复制代码
로그인 후 복사

这个方法是相当宽松的,因为它接受根本不是数字的值。这种方法最适合于当你知道你有一个数字并且要检查它是否是一个NaN值时,而不是一般的数字检查。

使用 typeof() 方法

typeof()函数是一个全局函数,它接受变量或值作为参数,并返回其类型的字符串表示。JavaScript 总共有9种类型

  • undefined
  • boolean
  • number
  • string
  • bigint
  • symbol
  • object
  • null (typeof() 显示的是 object)
  • function (一种特殊类型的 object)

为了验证变量是否为数字,我们只需要检查typeof()返回的值是否为`"number"。 让我们尝试一下测试变量:

> typeof(intVar) == 'number';
true
> typeof(floatVar) == 'number';
true
> typeof(stringVar) == 'number';
false
> typeof(nanVar) == 'number';
true # Wrong
> typeof(infinityVar) == 'number';
true # Wrong
> typeof(nullVar) == 'number';
false
> typeof(undefined) == 'number';
false复制代码
로그인 후 복사

typeof()函数的性能比Number.isNaN()要好得多。它正确地确定了字符串变量nullundefined不是数字。但是,对于NaNInfinity,它返回true

尽管从技术上来说这是正确的结果,但NaNInfinity是特殊的数字值,对于大多数使用情况,我们宁愿忽略它们。

总结

在本文中,我们学习了如何检查JavaScript中的变量是否为数字。 Number.isNaN()函数仅在我们知道变量为数字并且需要验证它是否为NaN`时才适用。

如果代码中有NaNInfinity-Infinity以及其他数字,则    typeof()`函数适用。

Number.isFinite()이러한 요구 사항에 따라 사용하기에 가장 좋은 기능은 내장 Number 개체의 isFinite() 함수입니다. 그러나 개발자는 Number.isNaN()typeof() 함수와 같은 다른 함수를 사용하는 경우가 많습니다.


먼저 몇 가지 변수를 만들어 보겠습니다.

rrreee

Number.isFinite() 함수 이름Number.isFinite() 함수를 사용하여 변수가 는 숫자이고 유한값
인지도 확인합니다. 따라서 NaN, Infinity 또는 -Infinity의 숫자에 대해서는 false를 반환합니다.

위에 정의된 변수를 사용하여 확인해 보겠습니다. rrreee이것이 바로 우리가 원하는 것입니다. 특수한 유한하지 않은 숫자와 숫자가 아닌 유형의 변수는 무시됩니다. 따라서 변수가 숫자인지 확인하려면 Number.isFinite() 함수를 사용하는 것이 가장 좋습니다.

Number.isNaN() 메서드를 사용하세요.

표준 Number 객체에는 isNaN() 메서드가 있습니다. 매개변수를 승인하고 해당 값이 NaN인지 확인합니다. 변수가 숫자인지 확인하고 싶기 때문에 검사 ​​시 비연산자 !를 사용하겠습니다. rrreee이 방법은 숫자가 전혀 아닌 값을 허용하므로 상당히 관대합니다. 이 방법은 일반적인 숫자 확인보다는 숫자가 있다는 것을 알고 그 값이 NaN 값인지 확인하려는 경우에 가장 적합합니다.

typeof() 메소드 사용

🎜typeof() 함수는 변수나 값을 매개변수로 받아들이고 그 문자를 반환하는 전역 함수입니다. 유형 문자열 표현. JavaScript에는 총 9 유형🎜
  • 정의되지 않음
  • 부울
  • 숫자
  • 문자열
  • 이 있습니다. bigint
  • 기호
  • 객체
  • null(typeof()는 객체를 표시함)
  • 함수 (특수 유형의 객체)
🎜변수가 숫자인지 확인하려면 typeof()에서 반환된 값이 `"인지 확인하면 됩니다. 숫자". 테스트 변수를 사용하여 시도해 보겠습니다. 🎜rrreee🎜 typeof() 함수는 Number.isNaN()보다 성능이 훨씬 좋습니다. 문자열 변수 nullundefine이 숫자가 아닌지 올바르게 결정합니다. 그러나 NaNInfinity의 경우 true를 반환합니다. 🎜🎜기술적으로는 올바른 결과이지만 NaNInfinity는 특수 숫자 값이므로 대부분의 사용 사례에서는 이를 무시하는 것이 좋습니다. 🎜

요약🎜🎜이 글에서는 자바스크립트에서 변수가 숫자인지 확인하는 방법을 배웠습니다. Number.isNaN()함수는 변수가 숫자이고 NaN`인지 확인해야 하는 경우에만 적용 가능합니다. 🎜🎜코드에 NaN, Infinity 또는 -Infinity 및 기타 숫자가 있는 경우 typeof()` 함수를 적용할 수 있습니다. 🎜🎜Number.isFinite() 메서드는 모든 유한수를 캡처하며 우리 요구 사항에 가장 적합합니다. 🎜🎜🎜🎜코드가 배포된 후에는 실시간으로 가능한 버그를 알 수 없습니다. 이러한 버그를 나중에 해결하기 위해 로그 디버깅에 많은 시간을 소비했습니다. 그런데, Fundebug를 추천하고 싶습니다. 유용한 BUG 모니터링 도구입니다. 🎜🎜🎜🎜🎜관련 무료 학습 권장 사항: 🎜🎜🎜javascript🎜🎜🎜(동영상) 🎜🎜🎜

위 내용은 JavaScript에서 변수가 숫자인지 확인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.im
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿