JavaScript NaN 函数

JavaScript 的数字特性使您能够表示数字和浮点数。JavaScript 数字有一个特殊的值叫做 NaN 函数，表示不是数字。

NaN 是全局 JavaScript 对象的一个属性。全局对象被用于在网页浏览器中展示窗口对象。可以以不同的方式使用 NaN 函数。

JavaScript 在浏览器的窗口中显示 NaN 值。 window.NaN
JavaScript 在 Node.js 中将 NaN 值显示为全局对象。 global.NaN
NaN 的 typeof 类型是 number，如下所示： console.log(typeof NaN); 我们可以用两种方式将变量赋值为 NaN。它是一个非数字值。它检查一个数是否合法。
var value = NaN

语法

JavaScript 提供了全局函数 isNaN()。如果其参数是 NaN，则返回 true。

isNaN(valueOfOperation)

NaN函数显示给定语法的真或假输出。

const output = 50 + 0 / 0;
console.log(isNaN(output));

示例

以下示例展示了使用JavaScript的多种类型的数字或NaN值。

示例1：

给定的示例展示了使用不同的显示值在JavaScript中显示NaN。这里，我们使用了正数、负数和简单方程的数据。

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript isNaN() Methods</h1>
<p> Javascript isNaN() function returns true if a value is NaN. </p>
<p id="demovalue"></p>
<script>
let result =
"Is '152' NaN? " + isNaN('152') + "<br>" +
"Is '-1.52' NaN? " + isNaN('-1.52') + "<br>" +
"Is '0-0' NaN? " + isNaN('0-0') + "<br>" +
"Is '15-2' NaN? " + isNaN('15-2') + "<br>" +
"Is 15-2 NaN? " + isNaN(15-2) + "<br>" +
"Is 0 NaN? " + isNaN(0)+ "<br>" +
"Is 00 NaN? " + isNaN('00');
document.getElementById("demovalue").innerHTML = result;
</script>                               
</body>
</html>

输出

您可以查看布尔格式的数据以检查输入值是否为NaN。

JavaScript NaN 函数

示例2 ：给定的示例展示了在Javascript中使用不同的显示方式来显示NaN（非数字）的情况。这里，我们使用了数字、字符串、方程式和日期格式的输入值。

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript isNaN() Methods</h1>
<p> Javascript isNaN() function returns true if a value is NaN. </p>
<p id="demovalue"></p>
<script>
let result =
"Is '152' NaN? " + isNaN('152') + "<br>" +
"Is '-1.52+11*2' NaN? " + isNaN('-1.52+11*2') + "<br>" +
"Is -1.52+11*2 NaN? " + isNaN(-1.52+11*2) + "<br>" +
"Is 'Javatpoint' NaN? " + isNaN('Javatpoint') + "<br>" +
"Is 2022/12/12 NaN? " + isNaN(2022/12/12) + "<br>" +
"Is '2022/12/12' NaN? " + isNaN('2022/12/12') + "<br>" +
"Is 0+0-0/0 NaN? " + isNaN(0+0-0/0)+ "<br>" +
"Is '0+0-0/0' NaN? " + isNaN('0+0-0/0');
document.getElementById("demovalue").innerHTML = result;
</script>
</body>
</html>

输出

你可以看到布尔格式的数据，以检查输入值是否为NaN。

JavaScript NaN 函数

示例3：

给定的示例展示了使用不同的显示值在javascript中显示NaN（不是一个数字）。它使用了正数、负数和简单的等式数据。我们可以使用不同的方法来检查给定的数字是否是NaN。

<!DOCTYPE html>
<html>
<body>
<h1> JavaScript isNaN() Methods </h1>
<p> Javascript isNaN() function returns true if a value is NaN. </p>
<p id="demovalue"></p>
<script>
var val1 = 52+11-10;
var val2 = '52+11-10';
var val3 = 11-11*0;
var val4 = '11-11*0';
let result =
"Is val1 NaN? " + isNaN(val1) + "<br>" +
"Is val2 NaN? " + isNaN(val2) + "<br>" +
"Is val3 NaN? " + isNaN(val3) + "<br>" +
"Is val4 NaN? " + isNaN(val4);
document.getElementById("demovalue").innerHTML = result;
</script>
</body>
</html>

输出

您可以看到布尔格式的数据以检查输入值是否为NaN。

JavaScript NaN 函数

示例4:

本例演示了使用不同的显示值在JavaScript中显示NaN数值。在这里，我们使用了其他函数，如parseInt和parseFloat。

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript isNaN() Methods</h1>
<p> Javascript isNaN() function returns true if a value is NaN. </p>
<p id="demovalue"></p>
<script>
let result =
"Is '152' NaN? " + isNaN(parseInt('152', 10)) + "<br>" +
"Is '15.2' NaN? " + isNaN(parseInt('15.2', 10)) + "<br>" +
"Is '-152' NaN? " + isNaN(parseInt('-152', 10)) + "<br>" +
"Is '-152' NaN? " + isNaN(parseInt('', 10)) + "<br>" +
"Is 'javatpoint' NaN? " + isNaN(parseInt('javatpoint', 10)) + "<br>" +
"Is 'new Date()' NaN? " + isNaN(parseInt('new Date()', 10));
document.getElementById("demovalue").innerHTML = result;
</script>
</body>
</html>

输出

您可以查看布尔格式的数据以检查输入值是否为NaN。

JavaScript NaN 函数

示例5：

给定的示例展示了JavaScript方程和其他函数中的NaN数字，使用不同的显示值。

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript isNaN() Methods</h1>
<p> Javascript isNaN() function returns true if a value is NaN. </p>
<p id="demovalue"></p>
<script>
let result =
"Is ' ' " + isNaN(' ') + "<br>" +
"Is '' " + isNaN('') + "<br>" +
"Is 'NaN' value  NaN? " + isNaN('NaN') + "<br>" +
"Is NaN value NaN? " + isNaN(NaN) + "<br>" +
"Is empty NaN? " + isNaN() + "<br>" +
"Is 'parseInt' NaN? " + isNaN(parseInt('', 10)); 
document.getElementById("demovalue").innerHTML = result;
</script>
</body>
</html>

输出

您可以查看布尔格式的数据以检查输入值是否为 NaN。

JavaScript NaN 函数