JavaScript - 布林物件

JavaScript 的布林物件表示兩個值，要麼是“true”，要麼是“false”。您可以使用 Boolean() 建構函式和 'new' 關鍵字建立一個布林物件。它以一個值作為引數並返回一個布林物件。如果省略 value 引數或其值為 0、-0、null、false、NaN、undefined 或空字串（""），則該物件初始值為 false。在程式設計中，if-else 語句根據條件表示式的布林值來評估 'if' 程式碼塊或 'else' 程式碼塊。

語法

使用以下語法建立布林物件。

const val = new Boolean(value);

這裡 value 是要轉換為布林物件的表示式。

它返回一個包含布林值的物件。

您可以在 JavaScript 中透過將布林值賦給變數來建立一個布林原始值 -

let bool = true;

布林屬性

以下是布林物件屬性的列表 -

序號	屬性及描述
1	constructor 返回對建立該物件的 Boolean 函式的引用。
2	prototype prototype 屬性允許您向物件新增屬性和方法。

在以下部分，我們將提供一些示例來說明布林物件的屬性。

布林方法

以下是布林物件方法及其描述的列表。

序號	方法及描述
1	toSource() 返回一個包含布林物件原始碼的字串；您可以使用此字串建立等效的物件。
2	toString() 根據物件的值返回“true”或“false”字串。
3	valueOf() 返回布林物件的原始值。

在以下部分，我們將提供一些示例來演示布林方法的使用。

示例：建立布林物件

在下面的示例中，我們定義了 boolObj 變數並存儲了布林物件。

我們使用 typeof 運算子來檢查 boolObj 變數的型別。在輸出中，您可以看到 boolObj 的型別是物件。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const boolObj = new Boolean('true'); //defining boolean object
      document.getElementById("output").innerHTML = "typof boolObj == " + typeof boolObj;
   </script>
</body>
</html>

輸出

typof boolObj == object

JavaScript Boolean() 函式

Boolean() 函式允許開發人員在評估作為引數傳遞的特定表示式後獲取布林值。

Boolean(Expression);

這裡 value 是要評估的表示式，並獲取相關的布林值。Boolean() 函式根據作為引數傳遞的表示式返回 true 或 false。

示例

在下面的示例中，我們使用了 Boolean() 函式並將不同的表示式作為引數傳遞。在輸出中，您可以看到 Boolean() 函式返回的布林值。

<html>
<body>
   <p id = "output"> </p>
   <script>
      let res = Boolean(100 > 90);
      document.getElementById("output").innerHTML = "Boolean(100 > 90) : " + res + "<br>";
      res = Boolean(100 < 90);
      document.getElementById("output").innerHTML = "Boolean(100 < 90) : " + res + "<br>";
      res = 100 == 90;
      document.getElementById("output").innerHTML = "100 == 90 : " + res + "<br>";
   </script>
</body>
</html>

輸出

Boolean(100 > 90) : true
Boolean(100 < 90) : false
100 == 90 : false

JavaScript 假值布林值

Boolean() 函式對於假值返回 false。有六個假值 - false、null、undefined、0（零）、""（空字串）、NaN。

讓我們看看下面的例子。

示例

在下面的程式碼中，我們將所有假值作為 Boolean() 函式的引數傳遞，並列印了 Boolean() 函式返回的值。對於所有 7 個值，Boolean() 函式都返回 false。

<html>
<body>
   <p id = "demo"> </p>
   <script>
      document.getElementById("demo").innerHTML = 
      "Boolean(0) : " + Boolean(0) + "<br>" +
      "Boolean(-0) : " + Boolean(-0) + "<br>" +
      "Boolean(null) : " + Boolean(null) + "<br>" +
      "Boolean(undefined) : " + Boolean(undefined) + "<br>" +
      "Boolean('') : " + Boolean('') + "<br>" +
      "Boolean(NaN) : " + Boolean(NaN) + "<br>" +
      "Boolean(false) : " + Boolean(false);
  </script>
</body>
</html>

輸出

Boolean(0) : false
Boolean(-0) : false
Boolean(null) : false
Boolean(undefined) : false
Boolean('') : false
Boolean(NaN) : false
Boolean(false) : false

所有其他值都是真值，Boolean() 函式返回 true。

示例

在下面的程式碼中，我們將真值作為 Boolean() 函式的引數傳遞。Boolean() 函式對於所有真值都返回 true。即使我們將物件和函式作為 Boolean() 函式的引數傳遞，它也會返回 true。

<html>
<body>
   <p id = "demo"> </p>
   <script>
      document.getElementById("demo").innerHTML = 
      "Boolean(1) : " + Boolean(1) + "<br>" +
      "Boolean(-1) : " + Boolean(-1) + "<br>" +
      "Boolean('Hello') : " + Boolean('Hello') + "<br>" +
      "Boolean(true) : " + Boolean(true) + "<br>" +
      "Boolean(10.99) : " + Boolean(10.99) + "<br>" +
      "Boolean({name: 'John'}) : " + Boolean({ name: 'John' }) + "<br>" +
      "Boolean(() => {return 1;}) : " + Boolean(() => { return 1; });
   </script>
</body>
</html>

輸出

Boolean(1) : true
Boolean(-1) : true
Boolean('Hello') : true
Boolean(true) : true
Boolean(10.99) : true
Boolean({name: 'John'}) : true
Boolean(() => {return 1;}) : true

列印頁面