JS number转string|极客笔记

JS number转string

在JavaScript中，将数字转换为字符串是一种常见的操作。这可以通过多种方式实现，每种方式都有其自己的特点和用途。本文将详细介绍在JavaScript中将数字转换为字符串的不同方法和示例代码，并讨论它们之间的差异和适用场景。

1. toString()方法

JavaScript的Number类型有一个内置的toString()方法，可以将数字转换为字符串。调用这个方法时，可以传递一个参数，用于指定输出字符串的基数（进制）。如果不传递参数，则默认为10进制。

下面是使用toString()方法将数字转换为字符串的示例代码：

let num = 123;

let strDec = num.toString();   // 这里不传递参数，默认转换为10进制
console.log(strDec);  // 输出： "123"
console.log(typeof strDec);  // 输出： "string"

let strHex = num.toString(16);  // 转换为16进制
console.log(strHex);  // 输出： "7b"

let strBin = num.toString(2);  // 转换为2进制
console.log(strBin);  // 输出： "1111011"

2. String()函数

除了使用toString()方法，还可以使用全局的String()函数将数字转换为字符串。这种方式比较简单，只需要将数字作为参数传递给String()函数即可。

下面是使用String()函数将数字转换为字符串的示例代码：

let num = 123;

let str = String(num);
console.log(str);  // 输出： "123"
console.log(typeof str);  // 输出： "string"

3. 字符串拼接

在JavaScript中，可以使用字符串拼接的方式将数字转换为字符串。这种方式比较直观，只需要将数字与一个空字符串进行拼接即可。

下面是使用字符串拼接将数字转换为字符串的示例代码：

let num = 123;

let str = num + "";
console.log(str);  // 输出： "123"
console.log(typeof str);  // 输出： "string"

4. 模板字符串

ES6引入了模板字符串的概念，可以使用反引号（“）创建一个包含表达式的字符串。在模板字符串中，可以通过在表达式前面加上${}来将其中的值转换为字符串。

下面是使用模板字符串将数字转换为字符串的示例代码：

let num = 123;

let str = `${num}`;
console.log(str);  // 输出： "123"
console.log(typeof str);  // 输出： "string"

5. Number()函数

除了将数字转换为字符串，JavaScript中还有一种将数字转换为字符串的方法，即使用Number()函数将数字转换为字符串。这种方式不太常见，一般更多用于将字符串转换为数字。

下面是使用Number()函数将数字转换为字符串的示例代码：

let num = 123;

let str = Number(num).toString();
console.log(str);  // 输出： "123"
console.log(typeof str);  // 输出： "string"

以上是将数字转换为字符串的几种常见方法，每种方法都有自己的特点和用途。根据实际情况和需求选择合适的方法进行转换。

JS number转string