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

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.