如何在 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()方法比第二種和第三種方法慢得多。為了使程式碼更快,使用者應該使用第二種方法。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP