如何在 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+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告