如何在 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>
執行上述程式碼後,將生成以下輸出。
廣告