JavaScript 中 null 如何转换为数字?
在 JavaScript 中,null 是一个预定义的关键字,表示空值或未知值,没有值。null 的数据类型是对象。在本文中,我们将学习如何使用多种方法将 null 转换为布尔值,方法如下。
- 使用 Number() 方法
- 使用逻辑或 (||)
- 使用 ~~ 运算符
- 使用三元运算符
- 将 null 与布尔值连接
使用 Number() 方法
JavaScript 中的 Number() 方法用于将值转换为数字。如果值不可转换,则返回 NaN。要将 null 转换为数字,我们将“null”作为参数传递给 Number() 方法。
语法
以下是使用 Number() 方法将“null”转换为数字的语法
Number(null)
当将 null 作为参数传递给此方法时,它返回 0。
示例 1
在下面的示例中,我们使用 Number() 方法将 null 转换为数字。我们还检查转换后数字的类型。
<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Number() Method</p> <p id ="output"></p> <script> let num = Number(null); document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>
使用逻辑或 (||)
或运算符在 JavaScript 中用 || 符号表示。要将 null 转换为数字,我们将或运算符与 null 和任何数字一起使用,或运算符将返回该数字。
语法
null || number;
示例 2
在这个示例中,我们创建了一个名为 num 的变量,并将其值赋值为null || 0。它将 null 转换为值为 0 的数字。
<html> <head> <title>Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Logical OR (||)</p> <p id ="output"></p> <script> let num = null || 0; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>
使用 ~~ 运算符
~~ 运算符也称为双波浪线或双按位非运算符。它用于对正数取整,这是Math.floor() 方法的简写形式,但仅适用于正数。要将 null 转换为数字,我们只需在 null 前面使用此运算符。
语法
~~number
示例 3
在这个示例中,我们将 null 赋值给变量 num 并打印 ~~num 的值。
<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the ~~ Operator</p> <p id ="output"></p> <script> let num = ~~null document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>
使用三元运算符
条件运算符或三元运算符首先评估表达式的真假值,然后根据评估结果执行两个给定语句中的一个。
语法
null ? null : number
示例 4
在给定的示例中,清楚地说明了如何使用三元运算符将 null 转换为数字。
<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number using the Ternary Operator</p> <p id ="output"></p> <script> let num = null ? null : 0; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>
将 null 与布尔值连接
当我们将 null 与布尔值(即true或false)连接时,结果是数字类型。我们可以利用此技巧将 null 转换为数字。为此,我们使用“+”运算符将 null 与 false 连接。
语法
var num = null+false
示例
在下面的示例中,我们将 null 转换为数字。我们使用 + 运算符将 null 与 false 连接。null 作为数字的结果值为零。
<html> <head> <title> Example: Convert null to Number</title> </head> <body> <p>Convert null to Number by concatenating null with a boolean value</p> <p id ="output"></p> <script> let num = null + false; document.getElementById("output").innerHTML += num +"<br>"; document.getElementById("output").innerHTML += typeof num </script> </body> </html>
正如我们已经提到了四种将 null 转换为数字的方法,您可以根据需要使用任何一种方法,第三种方法(使用 ~~)是最快的方法,但它会使我们的代码可读性略差,如果可读性不是问题,那么您可以使用此方法,否则三元运算符方法和逻辑运算符方法在可读性方面是最好的。