JavaScript Boolean 怎么用?布尔值类型有哪些用法和转换技巧?

文章导读
上一个 测验 下一个 JavaScript 的 Boolean 对象表示两个值,即 "true" 或 "false"。您可以使用带有 new 关键字的 Boolean() 构造函数创建一个 boolean 对象。它接受一个值作为参数并返回一个 boolean 对象。如果省略
📋 目录
  1. Boolean 属性
  2. Boolean 方法
  3. 示例:创建 Boolean 对象
  4. JavaScript Boolean() 函数
  5. JavaScript 假值(Falsy)布尔值
A A

JavaScript - Boolean 对象



上一个
测验
下一个

JavaScript 的 Boolean 对象表示两个值,即 "true" 或 "false"。您可以使用带有 new 关键字的 Boolean() 构造函数创建一个 boolean 对象。它接受一个值作为参数并返回一个 boolean 对象。如果省略值参数,或者值为 0、-0、null、false、NaN、undefined 或空字符串 (""),则该对象的初始值为 false。在编程中,if-else 语句根据条件表达式的 boolean 值来执行 'if' 块或 'else' 块的代码。

语法

使用以下语法创建 boolean 对象。

const val = new Boolean(value);

这里 value 是一个要转换为 Boolean 对象的表达式。

它返回一个包含 boolean 值的对象。

您可以通过将 boolean 值赋给变量来在 JavaScript 中创建 boolean 基本类型 −

let bool = true;

Boolean 属性

以下是 Boolean 对象的属性列表 −

序号 属性 & 描述
1 constructor

返回创建该对象的 Boolean 函数的引用。

2 prototype

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

在接下来的部分中,我们将通过一些示例来说明 Boolean 对象的属性。

Boolean 方法

以下是 Boolean 对象的方法及其描述列表。

序号 方法 & 描述
1 toSource()

返回包含 Boolean 对象源代码的字符串;您可以使用此字符串创建等效的对象。

2 toString()

根据对象的值返回 "true" 或 "false" 字符串。

3 valueOf()

返回 Boolean 对象的原始值。

在接下来的部分中,我们将通过一些示例来演示 Boolean 方法的使用。

示例:创建 Boolean 对象

在下面的示例中,我们定义了 boolObj 变量并存储了 boolean 对象。

我们使用 typeof 操作符检查 boolObj 变量的类型。在输出中,您可以看到 boolObj 的类型是 object。

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

输出

typof boolObj == object

JavaScript Boolean() 函数

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

Boolean(Expression);

这里 value 是一个要评估并获取相关 boolean 值的表达式。Boolean() 函数根据作为参数传递的表达式返回 true 或 false。

示例

在下面的示例中,我们使用了 Boolean() 函数并传递了不同的表达式作为参数。在输出中,您可以看到 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() 函数对于 falsy 值会返回 false。有六个 falsy 值:false、null、undefined、0(零)、""(空字符串)、NaN。

让我们看下面的示例。

示例

在下面的代码中,我们将所有 falsy 值作为 Boolean() 函数的参数传递,并打印 Boolean() 函数返回的值。Boolean() 函数对于所有 7 个值都返回 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
所有其他值都是 truthy 值,Boolean() 函数会返回 true。

示例

在下面的代码中,我们将 truthy 值作为 Boolean() 函数的参数传递。Boolean() 函数对于所有 truthy 值都返回 true。即使我们将 object 和 function 作为 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