如何在 JavaScript 中將數字轉換為字串？

本教程將教會我們如何將數字轉換為 JavaScript 中的字串。更改變數的型別稱為變數的型別轉換。在編碼過程中，程式設計師需要處理不同的資料型別，並且可能需要轉換變數的資料型別。

每種程式語言都有不同的方法將一個變數從一種資料型別轉換為另一種資料型別，JavaScript 也有一些方法，如下所述。

  • 使用 toString() 方法

  • 與空字串連線

  • 使用 string() 建構函式

使用 toString() 方法

在 JavaScript 中，toString() 方法可用於將變數型別更改為字串。它接受一個名為基數的單個引數，預設基數為 10。因此，它將數字轉換為十進位制字串。如果我們將基數設定為 2，它會將數字轉換為二進位制字串，對於基數16，它會將數字轉換為十六進位制字串。

語法

使用者可以按照以下語法使用帶數字值的 toString() 方法。

let number  = 14;
let string = number.toString( radix );

引數

  • 基數 - 它是使用者想要將數字轉換為字串的基數。

示例

在下面的示例中，我們透過向toString() 方法傳遞不同的基數，將十進位制數字轉換為十進位制字串和二進位制字串。

<html>
   <head>
   </head>
   <body>
      <h2> Convert the number to string in JavaScript. </h2>
      <h4> Converting 302 to string using <i> toString() </i> method. </h4>
      <div id = "string1"> </div>
      <h4> Converting 2342 to binary string string using <i> toString(2) </i> method. </h4>
      <div id = "string2"> </div>
   </body>
   <script>
      var string1 = document.getElementById("string1");
      var string2 = document.getElementById("string2");
      let number = 302;
      let result = number.toString();
      string1.innerHTML = result + " <br/> ";
      string1.innerHTML += typeof result + " <br/> ";
      number = 2342;
      string2.innerHTML = number.toString(2) + " <br/> ";
      string2.innerHTML += typeof number.toString(2);
   </script>
</html>

與空字串連線

在這種方法中，我們將空字串與數字變數簡單地連線起來。在 JavaScript 中，當我們將字串與任何型別的變數連線時，整個變數都會轉換為字串。

語法

以下是將數字與空字串連線以將其轉換為字串的語法。

let number = 23;
let str = "" + number;

示例

在下面的示例中，我們只是聲明瞭數字變數並將空字串與數字連線起來，以將整個數字轉換為字串。

<html>
   <head>
   </head>
   <body>
      <h2> Convert the number to string in JavaScript. </h2>
      <h4> converting different number to string by <i> concatenating empty </i> string. </h4>
      <div id = "string1"> </div>
   </body>
   <script>
      var string1 = document.getElementById("string1");
      let number = 122;
      let result = '' + number;
      string1.innerHTML = "122 in string is : " + result + " <br/> ";
      string1.innerHTML += "typeof 122 is : " + typeof result + " <br/> ";
      number = -987 + '';
      string1.innerHTML += "-987 in string is : " + number + " <br/> ";
      string1.innerHTML += "typeof -987 is : " + typeof number;
   </script>
</html>

使用 String() 建構函式

String() 建構函式是String類的建構函式。當用戶將任何變數或值作為引數傳遞給String() 建構函式時，它會將變數轉換為字串。

語法

使用者可以按照以下語法使用 string() 建構函式。

let number = 90;
let str = String( number );

示例

下面的示例演示了string() 建構函式的使用。我們將各種數字傳遞給string() 建構函式以將其轉換為字串。

<html>
   <head>
   </head>
   <body>
      <h2> Convert the number to string in JavaScript. </h2>
      <h4> converting 67 to string by <i> string() constructor</i>. </h4>
      <div id = "string1"> </div>
   </body>
   <script>
      var string1 = document.getElementById("string1");
      let number =67;
      let str = String(number)
      string1.innerHTML += str + "<br/>";
      string1.innerHTML += "type of 67 is: " + typeof str;
   </script>
</html>

使用者已經看到了將數字轉換為字串的三種不同方法。將數字與空字串連線是最好的方法，您會發現數字無需太多努力即可轉換為字串。toString() 方法預設將數字轉換為十進位制字串，刪除數字之前的零，但第二種和第三種方法不會這樣做。

更新於：2022年8月10日

3K+ 瀏覽量

啟動您的 職業生涯

完成課程獲得認證

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