在寫代碼的時(shí)候，我們可能需要將數(shù)據(jù)從一種類型轉(zhuǎn)換為另一種類型，有很多方法可以實(shí)現(xiàn)這個(gè)功能。

本篇文章俺將列出一些俺所知道的從數(shù)字到字符串的數(shù)據(jù)轉(zhuǎn)換方法，跟大家一起學(xué)習(xí)總結(jié)。

使用toString方法

有一個(gè)默認(rèn)的字符串方法可以將數(shù)據(jù)轉(zhuǎn)換為字符串。

toString方法：返回一個(gè)包含該值的String對(duì)象。

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

使用String()

方法的作用是:為傳遞給它的數(shù)字創(chuàng)建一個(gè)基本的字符串類型。

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

連接空字符串

將空字符串添加到數(shù)字值將數(shù)據(jù)轉(zhuǎn)換為字符串是實(shí)現(xiàn)該功能最簡(jiǎn)單的方法之一。

在性能方面，它也被認(rèn)為比上面兩個(gè)更快。

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

模板字符串

隨著ES6中模板字符串的引入，在字符串中注入數(shù)字是解析整數(shù)或浮點(diǎn)數(shù)據(jù)類型的有效方法。這是將數(shù)字轉(zhuǎn)換為字符串的最快方法。

隨著ES6中模板字符串的引入，在字符串中注入數(shù)字是解析整數(shù)或浮點(diǎn)數(shù)據(jù)類型的有效方法。這是將數(shù)字轉(zhuǎn)換為字符串的最快方法。

使用toFixed方法

這個(gè)方法用的人很少，但需要注意小數(shù)點(diǎn)類型的數(shù)字。

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

附：String轉(zhuǎn)Number

Number()方法

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

Number方法可以將字符串為純數(shù)字的字符串變成數(shù)字類型。如果字符串里面有一些非數(shù)字的元素在里面，則會(huì)轉(zhuǎn)換失敗。即返回類型為NaN。

字符串里面也可以是負(fù)數(shù)，小數(shù)，均可以轉(zhuǎn)換。

parseInt()方法

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

parseInt()方法也可以將數(shù)字轉(zhuǎn)成字符串，但是注意，整數(shù)數(shù)字類型的字符串，轉(zhuǎn)換之后得到的仍然是整數(shù)數(shù)字。

數(shù)字開(kāi)頭的字符串，轉(zhuǎn)換之后得到的是前邊的數(shù)字。例如str變成了’123a’，仍然可以轉(zhuǎn)換為數(shù)字123。

小數(shù)類型的字符串，轉(zhuǎn)換之后取整。

非數(shù)字開(kāi)頭的字符串，轉(zhuǎn)換之后得到的是NaN。

parseFloat()方法

該方法與上面parseInt方法基本一樣，整數(shù)轉(zhuǎn)變以后仍然是整數(shù)，數(shù)字開(kāi)頭的仍然可以把前面數(shù)字轉(zhuǎn)成字符類型，非數(shù)字開(kāi)頭也是NaN。

但是，這種方法可以把小數(shù)也轉(zhuǎn)換成小數(shù)，不會(huì)像上面parseInt方法只能轉(zhuǎn)成整數(shù)。

總結(jié)

到此這篇關(guān)于JavaScript中將number轉(zhuǎn)為string的5種方法的文章就介紹到這了,更多相關(guān)JS將number轉(zhuǎn)string內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論