如何在 JavaScript 中将值转换为布尔值?


在本文中,我们将讨论如何在 JavaScript 中将值转换为布尔值。

在 JavaScript 编程中,我们有时需要诸如“是/否”、“开/关”、“真/假”之类的值。因此,JavaScript 提供了 **Boolean()** 方法,它可以帮助我们将值转换为布尔值。布尔值是一个可以返回真/假的值。我们可以使用两种方法将值转换为布尔值。一种方法是使用 **Boolean()** 方法,另一种方法是使用 !! 符号。

让我们通过本文后面提供的示例来更好地理解这个概念。

语法

使用 Boolean 方法和运算符将值转换为布尔值的语法如下所示。

Boolean(value) or !!(value)

示例 1

以下是一个使用 **Boolean()** 方法将值转换为布尔值的示例程序。

<html>
<body>
   <script>
      const isTrue = 'Golden State Warriors';
      document.write(new Boolean(isTrue));
      document.write("</br>");
      document.write(Boolean(isTrue));
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 2

以下是用 **Boolean()** 方法将值转换为布尔值的另一个示例程序。

<!DOCTYPE html>
<html>
<head>
   <title>To display a value in boolean</title>
</head>
<body style="text-align : center">
   <h3>Convert a value into Boolean</h3>
   <p id="bool"></p>
   <script>
      var value1 = 0;
      var value2 = '';
      var value3 = null;
      var value4 = 'Hello';
      var value5 = 1234;
      document.getElementById("bool").innerHTML = "The boolean value for the value (0) is : "+Boolean(value1)+'<br/>'+"The boolean value for the value ('') is : "+Boolean(value2)+'<br/>'+"The boolean value for the value (null) is : "+Boolean(value3)+'<br/>'+"The boolean value for the value ('Hello') is : "+Boolean(value4)+'<br/>'+"The boolean value for the value (1234) is : "+Boolean(value5);
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 3

让我们看一个使用 **!!** 符号将值转换为布尔值的示例程序。

<!DOCTYPE html>
<html>
<head>
   <title>To display a value in boolean</title>
</head>
<body style="text-align : center">
   <h3>Convert a value into Boolean using !! Notation.</h3>
   <p id="bool"></p>
   <script>
      var value1 = 0;
      var value2 = "";
      var value3 = NaN;
      var value4 = 'Tutorials Point';
      var value5 = 1234;
      document.getElementById("bool").innerHTML = "The boolean value for the value (0) is : "+!!value1+'<br/>'+"The boolean value for the value ('') is : "+!!value2+'<br/>'+"The boolean value for the value (NaN) is : "+!!value3+'<br/>'+"The boolean value for the value ('Tutorials Point') is : "+!!value4+'<br/>'+"The boolean value for the value (1234) is : "+!!value5;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

更新于: 2022-12-08

753 次浏览

启动你的 职业生涯

通过完成课程获得认证

开始学习
广告