如何使用JavaScript将NaN转换为0？

王林转载: 2023-08-22 22:17:02 523浏览

我们可以使用逻辑或运算符、双重位非运算符、严格相等运算符或inNaN()函数来使用JavaScript将NaN转换为0。NaN在JavaScript中意味着不是一个数字，它的类型是Number，但实际上它不是一个数字。在本文中，我们将学习两种将NaN转换为布尔值的方法。

使用逻辑或（||）运算符
Using the Double Tilde (~~) Operator
使用严格相等运算符 (===)
使用 isNaN() 函数

使用逻辑或（||）运算符

逻辑或（||）运算符用于检查两个值的真实性。如果其中任何一个操作数为真，则返回true，否则当所有操作数都不为真时返回false。

使用||运算符将NaN转换为0，我们只需使用||运算符将NaN与0进行比较。

语法

NaN || 0

Example

在这个例子中，我们使用 || 运算符将 NaN 转换为 0。

<html>
<head>
   <title>Example- convert NaN to 0 using JavaScript</title>
</head>
<body>
   <h2 id="demo">Converting NaN to 0 using Javascript</h2>
   <script>
      
      // Defining Variables
      let x = NaN;
      let y = 0; 
      
      // Convert NaN to 0
      x = x || y;
      
      // Print the values
      document.write("Result: " + x);
   </script>
</body>
</html>

使用双波浪线（~~）操作符

双波浪线或双位非运算符用于将任何正数向下取整。我们也可以使用Math.floor来实现相同的效果，但是这个运算符比floor方法更快。这个运算符只适用于正数和负数，在数字为NaN的情况下返回零。

语法

~~NaN

Example

在这个例子中，我们使用~~运算符将NaN转换为0。

<html>
<head>
   <title>Example -convert NaN to 0 using JavaScript</title>
</head>
<body> 
   <h3 id="demo">Converting NaN to 0 using Javascript Using double bitwise not operator</h3>
   <script>
      
      // Defining Variable
      let x = NaN;

      // Convert NaN to 0
      x = ~~x
      
      // Print the value
      document.write("Result: " + x);
   </script>
</body>
</html>

使用严格相等运算符 (===)

严格相等（===）运算符或严格相等运算符用于通过检查值和类型之间的相等性来比较两个或多个操作数。如果值和类型都相等，则返回true，否则返回false。

使用 === 运算符将 NaN 转换为零，首先我们将 NaN 值与零进行比较，如果为真，则返回 NaN，否则返回零。

语法

(NaN === 0) ? NaN : 0

Example

在这个例子中，我们使用严格相等运算符将NaN转换为0。

<html>
<head>
   <title>Example - convert NaN to 0 using JavaScript</title>
</head>
<body>
   <h3 id="demo">Converting NaN to 0 using Javascript Using Strict equality operator</h3>
   <script>
      
      // Defining Variable
      let x = NaN;

      // Convert NaN to 0
      x = (x === 0) ? x : 0;
      
      // Print the value
      document.write("Result: " + x);
   </script>
</body>
</html>

使用isNaN()函数

isNaN函数用于检查一个值是否为NaN。要将NaN转换为0，我们检查该值是否为NaN。如果是，则返回零。

语法

isNaN(value) ? 0 : value

Example

在这个示例中，我们使用isNaN函数将NaN转换为0。

<html>
<head>
   <title>Example - convert NaN to 0 using JavaScript</title>
</head>
<body>
   <p id="demo">Converting NaN to 0 using Javascript Using isNaN function</p>
   <script>
      
      // Defining Variable
      let x = NaN;
      
      // Convert NaN to 0
      x = isNaN(x) ? 0 : x;
      
      // Print the value
      document.write("Result: " + x);
   </script>
</body>
</html>

以上就是如何使用JavaScript将NaN转换为0？的详细内容，更多请关注php中文网其它相关文章！

PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

上一条：如何使用FabricJS创建画布？下一条：如何使用FabricJS从选项设置图像对象的属性？