如何在 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>
执行上述代码后,将生成以下输出。
广告