Javascript 简明教程

JavaScript - The Boolean Object

JavaScript Boolean 对象表示两个值,即 “true” 或 “false”。你可以使用 Boolean() 构造函数和 ‘new’ 关键字来创建一个布尔型对象。它将值作为一个参数并返回一个布尔型对象。如果省略了值参数或者它是 0、-0、null、false、NaN、未定义或空字符串 (""),则该对象初始值为 false。在编程中,if-else 语句基于条件表达式的布尔值来评估 ‘if’ 块或 ‘else’ 块的代码。

Syntax

使用以下语法来创建布尔型对象。

const val = new Boolean(value);

此处,value 是要转换为布尔型对象的一个表达式。

它返回一个包含布尔值的布尔型对象。

你可以在 JavaScript 中通过给变量分配布尔值,创建一个布尔原语 −

let bool = true;

Boolean Properties

以下列出 Boolean 对象的属性:

Sr.No.

Property & Description

1

constructor 返回创建该对象的布尔函数的引用。

2

prototype prototype 属性允许您将属性和方法添加到对象。

在以下部分,我们将通过几个示例来说明布尔对象的属性。

Boolean Methods

以下是布尔对象的方法及其说明的列表。

Sr.No.

Method & Description

1

toSource() 返回包含布尔对象源的字符串;您可以使用此字符串创建等效的对象。

2

toString() 根据对象的值返回 “true” 或 “false” 字符串。

3

valueOf() 返回布尔对象的原始值。

在以下部分,我们将通过几个示例演示布尔方法的使用。

Example: Creating a Boolean Object

在以下示例中,我们定义了 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() Function

Boolean() 函数允许开发人员在评估作为参数传递的特定表达式之后获取布尔值。

Boolean(Expression);

value 这里是一个用来评估和获得相关布尔值表达式的表达式。Boolean() 函数基于作为参数传递的表达式返回真或假。

Example

在下面的示例中,我们使用了 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 Falsy Boolean Values

对于假值,Boolean() 函数返回假。有六个假值 - 假、空、未定义、0(零)、""(空字符串)、NaN。

我们来看一下下面的示例。

Example

在下面的代码中,我们将所有假值作为 Boolean() 函数的参数并打印了 Boolean() 函数返回的值。对于所有 7 个值,Boolean() 函数都返回假。

<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>

Output

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

Example

在下面的代码中,我们将真值作为 Boolean() 函数参数传递了。对于所有真值,Boolean() 函数都返回真。即使我们已经将对象和函数作为 Boolean() 函数参数传递,它仍然返回真。

<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>

Output

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