最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript中將number轉(zhuǎn)為string的5種方法

 更新時間:2023年07月28日 09:49:21   作者:姓王名禮  
這篇文章主要給大家介紹了關(guān)于JavaScript中將number轉(zhuǎn)為string的5種方法,在JavaScript的值類型轉(zhuǎn)換中,最常發(fā)生的就是string與number這兩種類型值之間的相互轉(zhuǎn)換,需要的朋友可以參考下

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

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

使用toString方法

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

toString方法:返回一個包含該值的String對象。

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

使用String()

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

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

連接空字符串

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

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

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

模板字符串

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

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

使用toFixed方法

這個方法用的人很少,但需要注意小數(shù)點類型的數(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ù)字的元素在里面,則會轉(zhuǎn)換失敗。即返回類型為NaN。

字符串里面也可以是負數(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ù)字開頭的字符串,轉(zhuǎn)換之后得到的是前邊的數(shù)字。例如str變成了’123a’,仍然可以轉(zhuǎn)換為數(shù)字123。

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

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

parseFloat()方法

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

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

總結(jié)

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

相關(guān)文章

  • extjs圖形繪制之餅圖實現(xiàn)方法分析

    extjs圖形繪制之餅圖實現(xiàn)方法分析

    這篇文章主要介紹了extjs圖形繪制之餅圖實現(xiàn)方法,結(jié)合實例形式分析了extjs繪制餅圖的相關(guān)實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
    2020-03-03
  • DOM節(jié)點深度克隆函數(shù)cloneNode()用法實例

    DOM節(jié)點深度克隆函數(shù)cloneNode()用法實例

    這篇文章主要介紹了DOM節(jié)點深度克隆函數(shù)cloneNode()用法,實例分析了cloneNode()函數(shù)深度復(fù)制的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-01-01
  • window.open以post方式將內(nèi)容提交到新窗口

    window.open以post方式將內(nèi)容提交到新窗口

    最近在做web項目,碰到需要跨頁面?zhèn)鬟f參數(shù)的功能,就是那種需要把當(dāng)前頁面的內(nèi)容帶到新開的子窗體中,以前的做法是傳一個id過去,然后在新窗口中去讀數(shù)據(jù)庫的內(nèi)容;比較有意思的是直接通過調(diào)用form的submit方法不能觸發(fā)onsubmit事件,查看了幫助文檔,必須手動的觸發(fā),否則只能看到頁面刷新而沒有打開新窗口
    2012-12-12
  • 利用JS、CSS實現(xiàn)列表自動滑動滾動效果實例

    利用JS、CSS實現(xiàn)列表自動滑動滾動效果實例

    這篇文章主要給大家介紹了關(guān)于利用JS、CSS實現(xiàn)列表自動滑動滾動效果的相關(guān)資料,本人在項目中遇到這樣的需求,親自來做的,通過html頁面配合js,css來做出的列表自動滑動,需要的朋友可以參考下
    2024-07-07
  • JS實現(xiàn)靈巧的下拉導(dǎo)航效果代碼

    JS實現(xiàn)靈巧的下拉導(dǎo)航效果代碼

    這篇文章主要介紹了JS實現(xiàn)靈巧的下拉導(dǎo)航效果代碼,通過自定義js插件腳本dropdown.js實現(xiàn)簡單的下拉導(dǎo)航效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • JavaScript 手動實現(xiàn)instanceof的方法

    JavaScript 手動實現(xiàn)instanceof的方法

    instanceof運算符用于檢測構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在某個實例對象的原型鏈上,本文重點給大家介紹JavaScript手動實現(xiàn)instanceof的問題,感興趣的朋友跟隨小編一起看看吧
    2021-10-10
  • TypeScript學(xué)習(xí)筆記之類型縮小

    TypeScript學(xué)習(xí)筆記之類型縮小

    在TypeScript中若一個變量使用了聯(lián)合類型,那么當(dāng)我們使用該變量時必不可少的會去明確的限制該變量的具體類型,這稱為類型縮小,這篇文章主要給大家介紹了關(guān)于TypeScript學(xué)習(xí)筆記之類型縮小的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • js Html結(jié)構(gòu)轉(zhuǎn)字符串形式顯示代碼

    js Html結(jié)構(gòu)轉(zhuǎn)字符串形式顯示代碼

    js Html結(jié)構(gòu)轉(zhuǎn)字符串形式顯示代碼,需要的朋友可以參考下。
    2011-11-11
  • 封裝運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)

    封裝運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)

    下面小編就為大家?guī)硪黄庋b運動框架實戰(zhàn)左右與上下滑動的焦點輪播圖(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • JavaScript, select標(biāo)簽元素左右移動功能實現(xiàn)

    JavaScript, select標(biāo)簽元素左右移動功能實現(xiàn)

    這篇文章主要介紹了JavaScript, select標(biāo)簽元素左右移動功能實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05

最新評論

金寨县| 沛县| 敦化市| 西乌珠穆沁旗| 哈密市| 孝义市| 永福县| 阳信县| 鱼台县| 朝阳市| 资阳市| 蒲江县| 甘肃省| 江孜县| 夏河县| 南木林县| 蓝田县| 七台河市| 巩留县| 四川省| 佳木斯市| 察哈| 辰溪县| 灵石县| 布拖县| 江山市| 莲花县| 中阳县| 竹溪县| 铜川市| 兰州市| 平原县| 东兰县| 普兰店市| 开原市| 临潭县| 卢湾区| 承德市| 沈阳市| 双城市| 喀喇沁旗|