JavaScript 中 null 如何转换为布尔值？

在 JavaScript 中，null 是一个预定义的关键字，表示空值或未知值，没有值。null 的数据类型是对象。在本文中，我们将学习如何使用多种方法将 null 转换为布尔值，这些方法如下。

  • 使用 Boolean 函数
  • 使用 !! 运算符

使用 Boolean 函数

Boolean 函数用于获取任何变量、条件或对象的布尔值（true 或 false）。要将 null 转换为布尔值，我们只需要将 null 传递给 Boolean 函数。

语法

Boolean(null)

示例 1

在此示例中，我们创建了一个名为 bool 的变量，并将 null 传递到 Boolean 函数中，并将返回值存储到 bool 中，并打印结果。

<html>
<head>
   <title> Example: Convert null to Boolean</title>
</head>
<body>
   <p> Convert null to Boolean using the Boolean() Method </p>
   <p id ="output"></p>
   <script>
      let bool = Boolean(null)
      document.getElementById("output").innerHTML += bool +"<br>";
      document.getElementById("output").innerHTML += typeof bool
   </script>
</body>
</html>

示例 2

避免使用 new Boolean()

在下面的示例中，我们将演示为什么不应使用 new Boolean() 将 null 转换为布尔值。因为当我们使用 new Boolean() 时，它返回一个对象，而不是布尔值。

<html>
<head>
   <title> Example: Convert null to Boolean</title>
</head>
<body>
   <p> Convert null to Boolean using the Boolean() Method </p>
   <p id ="output"></p>
   <script>
      let bool = new Boolean(null)
      document.getElementById("output").innerHTML += bool +"<br>";
      document.getElementById("output").innerHTML += typeof bool
   </script>
</body>
</html>

使用 !! 运算符

逻辑非运算符后跟另一个逻辑非运算符是一种简单而优雅的方法，可以将 null 转换为布尔值。第一个逻辑运算符将值转换为布尔值，另一个逻辑运算符反转第一个运算符返回的值。

语法

!!object

让我们用一个例子将运算符分解成两部分

示例 3

在此示例中，我们创建了一个名为 x 的变量，并将 Tutorials point 存储到其中，并创建了另一个名为 x1 的变量，其中我们存储了 !x 的值，这里逻辑运算符将值转换为布尔值，另一个运算符 (x2) 反转第一个运算符 (x1) 给出的结果。

<html>
<body>
   <p> Convert string to Boolean using the !! Operator </p>
   <p id ="output"></p>
   <script>
      var x = "Tutorials Point"
      var x1 = !x; // false
      var x2 = !!x; // true
      document.write(x1 + " <br>")
      document.write(x2)
   </script>
</body>
</html>

示例 4

在此示例中，我们将 null 转换为布尔值。

<html>
<head>
   <title> Example: Convert null to Boolean</title>
</head>
<body>
   <p>Convert null to Boolean using the !! Operator</p>
   <p id ="output"></p>
   <script>
      let bool = !!null;
      document.getElementById("output").innerHTML += bool +"<br>";
      document.getElementById("output").innerHTML += typeof bool
   </script>
</body>
</html>

正如我们提到的，这两种方法的性能都很高。Boolean 函数被一些开发人员广泛使用，而 !! 运算符方法看起来有点难以阅读，一些开发人员并不知道它。如果我们谈论这两种解决方案的速度，!! 运算符比 Boolean 函数稍快。

更新于: 2022年8月11日

6K+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告