如何在 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 次瀏覽

啟動你的 職業生涯

透過完成課程獲得認證

開始學習
廣告