数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法学研究如何在JavaScript中检查一个值是否为数字？
在本教程中，我们将学习如何在JavaScript中检查一个值是否为数字。在JavaScript中，在执行某些操作时，检查变量的数据类型是必要的。否则，它可能会在你的应用程序中产生一些未知的错误。
例如，当用户使用加法运算符与字符串一起使用时，它会连接两个字符串，同样，如果用户使用加法运算符与数字一起使用，它会将两个数字相加。现在，假设用户想要将两个数字相加，但实际上却连接了两个字符串。
这里，我们有三种不同的方法来检查一个变量是否为数字类型。
使用typeof运算符
使用isNaN()方法
使用Number.isFinite()方法
使用typeof运算符
在这种方法中，我们将使用typeof运算符来检查变量类型。它返回变量的类型。如果返回的值是'number'，则该变量是数字类型。
语法
用户可以使用以下语法来检查变量是否为数字：使用typeof运算符。
let number = 20;
if ( typeof number == 'number' ) {
// perform some operation with number.
}
示例
在下面的示例中，我们使用typeof运算符检查了不同变量的类型。它根据变量是否为数字在屏幕上打印消息。
<html> <head> </head> <body> <h2>Check whether a value is number or not in JavaScript.</h2> <h4>Using the <i>typeof</i> operator to check value is number or not.</h4> <div id = "number1"></div> </body> <script> var number1 = document.getElementById("number1"); function checkNumber(number) { return typeof number == "number" ? "is number" : " is not a number"; } number1.innerHTML = "123 " + checkNumber(123) + " <br/> "; number1.innerHTML += "true " + checkNumber(true) + " <br/> "; number1.innerHTML += "'Hello' " + checkNumber("Hello") + " <br/> "; </script> </html>
使用isNaN()方法
在第二种方法中，我们将使用isNaN()方法来检查变量是否为数字。NaN的意思是“非数字”。isNaN()方法如果传递的参数值不是数字，则返回true；否则返回false。
为了达到我们的目标，我们将取返回值的否定值。因此，当变量为数字类型时，它将返回true，而当变量为其他数据类型时，它将返回false。
语法
let number = 20; let result = !isNaN(number);
参数
number − 它是任何数据类型的变量，我们想要检查它是否为数字。
示例
在下面的示例中，我们使用了isNaN()方法来检查不同的变量是否为数字。我们还检查了布尔值。
<html> <head> </head> <body> <h2>Check whether a value is number or not in JavaScript.</h2> <h4>Using the <i> isNaN() </i> method for different values.</h4> <div id = "number1"></div> </body> <script> var number1 = document.getElementById("number1"); number1.innerHTML = "-32.34 is number : " + !isNaN(-32.34) + " <br/>"; number1.innerHTML += "false is number : " + !isNaN(false) + " <br/>"; number1.innerHTML += "TutorialsPoint is number : " + !isNaN("TutorialsPoint") + " <br/> "; </script> </html>
上述方法对布尔值返回true，因为布尔值以0和1的形式表示。所以这是isNaN()方法的局限性。它对布尔值将返回不准确的结果。
使用Number.isFinite()方法
Number.isFinite()方法是内置的JavaScript数字库方法。它接受一个变量作为参数，对所有数值（Infinity值除外）返回true。
语法
let variable = 20; let result = Number.isFinite( variable );
参数
variable − 它是任何数据类型的变量，用户想要检查它是否为数字。
示例
下面的示例演示了Number.isFinite()方法的使用。我们正在测试不同的变量和值，以确定变量是否为数字类型。
<html> <head> </head> <body> <h2>Check whether a value is number or not in JavaScript.</h2> <h4>Using the <i> Number.isFinite() </i> method for different values.</h4> <div id = "number1"></div> </body> <script> var number1 = document.getElementById("number1"); number1.innerHTML = "232.14 is number : " + Number.isFinite(232.14) + " <br/> "; number1.innerHTML += "Infinity is number : " + Number.isFinite(Infinity) + " <br/> "; number1.innerHTML += "Yes is number : " + Number.isFinite("yes") + " <br/> "; </script> </html>
我们学习了三种不同的方法来检查值是否为数字。第一种方法是最流行和最简单的方法。第二种方法对布尔值有一些限制，因此不推荐使用。第三种方法也很有用，因为它适用于所有变量。
26K+ 浏览量
