JavaScript中将number转为string的5种方法

在编写代码时，我们经常需要将数据从一种类型转换为另一种类型，实现这一功能有多种途径。

本文将列举几种从数字转换为字符串的常见方法，供读者学习参考。

使用toString方法

JavaScript中内置了一个默认的字符串转换方法。

toString方法的作用是返回一个包含该值值的String对象。

myNumber = 100
myNumber.toString() // result: '100'
 
noNumber = NaN
noNumber.toString() // result: 'NaN'
 
decNum = 122.33
decNum.toString() //  result: "122.33"

使用String()函数

该函数的作用是为传入的数字创建一个基本的字符串类型。

myNumber = 99
String(myNumber) // result: '99'
 
fltNumber = 25.54
String(fltNumber) // result: '25.54'

连接空字符串

将空字符串与数字值相加，是转换数据类型最简单的方式之一。

在性能方面，这种方法通常被认为比前两种方法更快。

myNumber = 22
myString = '' + myNumber // result: '22'
 
fltNumber = 25.54
fltString = '' + fltNumber // result: '25.54'

模板字符串

随着ES6中模板字符串的引入，在字符串中嵌入数字成为解析整数或浮点数据的有效方式。这是目前将数字转换为字符串速度最快的方法。

随着ES6中模板字符串的引入，在字符串中嵌入数字成为解析整数或浮点数据的有效方式。这是目前将数字转换为字符串速度最快的方法。

使用toFixed方法

虽然此方法使用较少，但在处理小数类型数字时需要注意其特性。

myNumber = 22
myNumber.toFixed() // result: '22'
 
a = 56.9887
a.toFixed() //  result: '57'
a.toFixed(4) // result: '56.9887'

附：String转Number

Number()方法

var str = '123'
var num = Number(str)
console.log(num)

Number方法可以将仅包含纯数字的字符串转换为数字类型。如果字符串中包含非数字字符，则转换会失败，返回NaN。

字符串内容可以是负数或小数，这些情况均可以正常转换。

parseInt()方法

var str = '123'
var num = parseInt(str)
console.log(num)

parseInt()方法也可用于类型转换，但需注意，整数类型的字符串转换后仍保持为整数。

对于以数字开头的字符串，转换后仅保留前面的数字部分。例如字符串'123a'，转换后得到的数值为123。

对于小数类型的字符串，转换后会取整。

对于非数字开头的字符串，转换后结果为NaN。

parseFloat()方法

该方法与上述parseInt方法基本一致，整数转换后仍为整数，以数字开头的字符串可提取前部数字，非数字开头则返回NaN。

不同之处在于，该方法可以将小数转换为小数，而不会像parseInt那样仅转换为整数。

总结

至此，关于JavaScript中将number转为string的5种方法介绍完毕，更多相关JS将number转string内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！