JavaScript中將number轉為string的5種方法
在寫代碼的時候，我們可能需要將數據從一種類型轉換為另一種類型，有很多方法可以實現這個功能。
本篇文章俺將列出一些俺所知道的從數字到字符串的數據轉換方法，跟大家一起學習總結。
使用toString方法
有一個默認的字符串方法可以將數據轉換為字符串。
toString方法：返回一個包含該值的String對象。
myNumber = 100 myNumber.toString() // result: '100' noNumber = NaN noNumber.toString() // result: 'NaN' decNum = 122.33 decNum.toString() // result: "122.33"
使用String()
方法的作用是:為傳遞給它的數字創(chuàng)建一個基本的字符串類型。
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()方法也可以將數字轉成字符串，但是注意，整數數字類型的字符串，轉換之后得到的仍然是整數數字。
數字開頭的字符串，轉換之后得到的是前邊的數字。例如str變成了’123a’，仍然可以轉換為數字123。
小數類型的字符串，轉換之后取整。
非數字開頭的字符串，轉換之后得到的是NaN。
parseFloat()方法
該方法與上面parseInt方法基本一樣，整數轉變以后仍然是整數，數字開頭的仍然可以把前面數字轉成字符類型，非數字開頭也是NaN。
但是，這種方法可以把小數也轉換成小數，不會像上面parseInt方法只能轉成整數。
總結
到此這篇關于JavaScript中將number轉為string的5種方法的文章就介紹到這了,更多相關JS將number轉string內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了extjs圖形繪制之餅圖實現方法,結合實例形式分析了extjs繪制餅圖的相關實現方法與操作注意事項,需要的朋友可以參考下2020-03-03
DOM節(jié)點深度克隆函數cloneNode()用法實例
這篇文章主要介紹了DOM節(jié)點深度克隆函數cloneNode()用法,實例分析了cloneNode()函數深度復制的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
最近在做web項目，碰到需要跨頁面?zhèn)鬟f參數的功能，就是那種需要把當前頁面的內容帶到新開的子窗體中，以前的做法是傳一個id過去，然后在新窗口中去讀數據庫的內容;比較有意思的是直接通過調用form的submit方法不能觸發(fā)onsubmit事件，查看了幫助文檔，必須手動的觸發(fā)，否則只能看到頁面刷新而沒有打開新窗口2012-12-12
這篇文章主要給大家介紹了關于利用JS、CSS實現列表自動滑動滾動效果的相關資料,本人在項目中遇到這樣的需求,親自來做的,通過html頁面配合js,css來做出的列表自動滑動,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了JS實現靈巧的下拉導航效果代碼,通過自定義js插件腳本dropdown.js實現簡單的下拉導航效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
instanceof運算符用于檢測構造函數的prototype屬性是否出現在某個實例對象的原型鏈上，本文重點給大家介紹JavaScript手動實現instanceof的問題，感興趣的朋友跟隨小編一起看看吧2021-10-10
在TypeScript中若一個變量使用了聯(lián)合類型,那么當我們使用該變量時必不可少的會去明確的限制該變量的具體類型，這稱為類型縮小,這篇文章主要給大家介紹了關于TypeScript學習筆記之類型縮小的相關資料,需要的朋友可以參考下2022-09-09
js Html結構轉字符串形式顯示代碼，需要的朋友可以參考下。2011-11-11
封裝運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)
下面小編就為大家?guī)硪黄庋b運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
JavaScript, select標簽元素左右移動功能實現
這篇文章主要介紹了JavaScript, select標簽元素左右移動功能實現,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05