如何在 JavaScript 中将布尔值转换为字符串？

在本教程中，我们将学习如何在 JavaScript 中将布尔值转换为字符串。问题很简单：有时程序员需要将布尔值 true 和 false 用作字符串。因此，需要将布尔值转换为字符串。

这里，我们有多种方法可以将布尔值转换为字符串变量。

  • 使用 toString() 方法

  • 使用 + 和 $（模板字面量）运算符

  • 使用三元运算符

使用 toString() 方法

toString() 方法是 JavaScript 字符串库方法，可用于将变量转换为字符串数据类型。我们也可以将其用于布尔值，它将根据布尔值返回相应的字符串值。

语法

以下是使用 toString() 方法将布尔值转换为字符串的语法：

let bool = false;
let result = bool.toString();

示例

在下面的示例中，我们使用了 toStirng() 方法将布尔值转换为字符串。我们将 false 值转换为字符串，并使用 typeof 运算符检查返回值的类型。用户可以在输出中观察结果。

<html>
   <head>
   </head>
   <body>
      <h2> Converting the Boolean to string in JavaScript. </h2>
      <h4> Converting the false to string using <i> toString() </i> method: </h4>
      <div id = "string1"> </div>
      <h4> typeof the above string is </h4>
      <div id = "stringType"> </div>
   </body>
   <script>
      var string1 = document.getElementById("string1");
      var stringType = document.getElementById("stringType");
      let bool = false;
      let result = bool.toString();
      string1.innerHTML = result;
      stringType.innerHTML = typeof result;
   </script>
</html>

使用 + 和 $（模板字面量）运算符

在这种方法中，我们将使用+运算符将布尔值转换为字符串。当我们尝试将字符串值与另一种数据类型的变量连接时，它会将变量转换为字符串并返回合并后的字符串。为了实现我们的目标，我们将空字符串与布尔值连接。

此外，用户可以使用模板字面量（$ {}）将空字符串与布尔值连接。

语法

以下是使用 + 和 $ 运算符将布尔值转换为字符串的语法：

let bool = true;
let result = bool + ""; // using + operator
let result = `${bool}`; // using template literal

示例

在下面的示例中，我们使用了 + 运算符和模板字面量将布尔值转换为字符串。我们只是创建了一个单个布尔变量的格式化字符串，以将布尔值转换为字符串。

<html>
   <head>
   </head>
   <body>
      <h2> Converting the Boolean to string in JavaScript. </h2>
      <h4> Converting the Boolean true to string using <i> + </i> operator. </h4>
      <div id = "string1"> </div>
      <h4> Converting the Boolean false to string using <i> $ {} </i> operator. </h4>
      <div id = "string2"> </div>
      <h4> type of both returned values respectively.</h4>
      <div id = "stringType"> </div>
   </body>
   <script>
      var string1 = document.getElementById("string1");
      var string2 = document.getElementById("string2");
      var stringType = document.getElementById("stringType");
      let bool = true;
      let result = bool + "";
      string1.innerHTML = result;
      stringType.innerHTML = typeof result + "<br/>";
      bool = false;
      result = `${bool}`;
      string2.innerHTML = result;
      stringType.innerHTML += typeof result;
   </script>
</html>

在上面的输出中，用户可以观察到两个变量的数据类型都是字符串，这意味着我们已成功将布尔值转换为字符串。

使用三元运算符

三元运算符是 if-else 语句的简短版本。它包含三个部分。第一部分包含条件。如果条件为真，则返回第二部分的值。否则，它将返回第三部分的值。我们将使用布尔变量作为条件语句，并根据布尔变量的值返回“true”或“false”。

语法

用户可以按照以下语法使用三元运算符处理布尔值。

let bool = true;
let result = bool ? "true" : "false";

示例

在下面的示例中，我们使用了三元运算符将布尔值转换为字符串。如果布尔变量的值为 true，则三元运算符返回字符串“true”，如果布尔变量的值为 false，则返回“false”。

<html>
   <head>
   </head>
   <body>
   <h2> Converting the Boolean to string in JavaScript. </h2>
   <h4> Converting the Boolean true to string using <i> ternary ( ? : ) </i> operator. </h4>
   <div id = "string1"> </div>
   </body>
   <script>
       var string1 = document.getElementById("string1");
       let bool = true;
       let result = bool ? "true" : "false";
       string1.innerHTML = result;
   </script>
</html>

我们使用了tostring()方法、算术 + 运算符和三元运算符将布尔值转换为字符串。toString()方法比第二种和第三种方法慢得多。为了使代码更快，用户应该使用第二种方法。

更新于：2022年8月10日

3K+ 次浏览

启动您的 职业生涯

完成课程获得认证

开始学习
广告