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 与布尔值(即truefalse)连接时,结果是数字类型。我们可以利用此技巧将 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 转换为数字的方法,您可以根据需要使用任何一种方法,第三种方法(使用 ~~)是最快的方法,但它会使我们的代码可读性略差,如果可读性不是问题,那么您可以使用此方法,否则三元运算符方法和逻辑运算符方法在可读性方面是最好的。

更新于:2022年8月11日

9000+ 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告