JavaScript中string轉(zhuǎn)換成number介紹
JavaScript中，可以通過以下3種方法來將string值轉(zhuǎn)換成number：
1.調(diào)用Number()來對string進行值類型轉(zhuǎn)換。
2.parseInt()。
3.parseFloat()。
Number()
使用Number()函數(shù)來對string進行強制類型轉(zhuǎn)換是最直接的做法。不過，這種做法有一個局限性：如果字符串截去開頭和結(jié)尾的空白字符后，不是純數(shù)字字符串，那么最終返回結(jié)果為NaN。David Flanagan的JavaScript – The Definitive Guide 6th edition, 3.8.2節(jié)提到，用Number()函數(shù)來進行string-to-number轉(zhuǎn)換時，函數(shù)只接受10進制字符串，但測試結(jié)果表明事實并非如此，Number()函數(shù)可以接受”0xff”作為參數(shù)并將其轉(zhuǎn)換成數(shù)值255。
var a = " 42";
var b = " 42mm";
var c = "0xff";
var d = "42.34";
console.log(Number(a));//42
console.log(Number(b));//NaN
console.log(Number(c));//255
console.log(Number(d));//42.34
parseInt()
parseInt()函數(shù)可以將字符串轉(zhuǎn)換成一個整數(shù)，與Number()函數(shù)相比，parseInt()函數(shù)不僅可以解析純數(shù)字字符串，也可以解析以數(shù)字開頭的部分數(shù)字字符串(非數(shù)字部分字符串在轉(zhuǎn)換過程中會被去除)。值得注意的是，當parseInt()函數(shù)所解析的是浮點數(shù)字符串時，取整操作所使用的方法為“向下取整”(truncate)。
除了字符串作為第一個參數(shù)，parseInt()函數(shù)還可以接受2到36之間的任意整數(shù)作為第二個參數(shù)，用于指定轉(zhuǎn)換過程中的進制數(shù)。
var b = " 42mm";
var c = "0xff";
var x = "-12.34";
var y = "15.88";
var z = "101010";
console.log(parseInt(b));//42
console.log(parseInt(x));//-12
console.log(parseInt(y));//15
console.log(parseInt(c));//255
console.log(parseInt(z, 2));//42
console.log(parseInt(".1"));//NaN
parseFloat()
與parseInt()一樣，parseFloat()也可以解析以數(shù)字開頭的部分數(shù)字字符串(非數(shù)字部分字符串在轉(zhuǎn)換過程中會被去除)。與parseInt()不同的是，parseFloat()可以將字符串轉(zhuǎn)換成浮點數(shù)；但同時，parseFloat()只接受一個參數(shù)，且僅能處理10進制字符串。
var c = "0xff";
var d = "42.34";
console.log(parseFloat(c));//0, because "0xff" start with 0
console.log(parseFloat(d));//42.34
console.log(parseFloat(".1"));//0.1
- JavaScript中number轉(zhuǎn)換成string介紹
- Javascript Boolean、Nnumber、String 強制類型轉(zhuǎn)換的區(qū)別詳細介紹
- JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹
- js類型轉(zhuǎn)換與引用類型詳解(Boolean_Number_String)
- JavaScript用Number方法實現(xiàn)string轉(zhuǎn)int
- js中將String轉(zhuǎn)換為number以便比較
- js中string和number類型互轉(zhuǎn)換技巧(分享)
- JavaScript中將number轉(zhuǎn)為string的5種方法
相關(guān)文章
JavaScript中解決多瀏覽器兼容性23個問題的快速解決方法
下面小編就為大家?guī)硪黄狫avaScript中解決多瀏覽器兼容性23個問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要為大家詳細介紹了js定時器實現(xiàn)倒計時效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
javascript中Promise的三種狀態(tài)示例詳解
這篇文章主要給大家通過講解和實踐,詳細介紹了Promise對象的三種狀態(tài)：pending（待定）、fullfilled（已兌現(xiàn)）、rejected（已拒絕）,并通過日志查看,展示了Promise狀態(tài)的改變順序,幫助讀者更好的理解和應用Promise,需要的朋友可以參考下2024-10-10
這篇文章主要為大家詳細介紹了微信小程序自定義底部彈出框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
xmlplus組件設計系列之分隔框（DividedBox)（8）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus布局類組件之分隔框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
實例解析package.json和最常見的scripts字段
日常開發(fā)中，現(xiàn)在的前端開發(fā)已經(jīng)被三大框架取代，其中最主流的不過vue和react，而開發(fā)這些項目的時候不得不接觸package.json這個文件，可你真的了解這個文件嗎？今天給大家聊聊package.json和最常見的scripts字段，感興趣的朋友一起看看吧2023-04-04
JavaScript setTimeout()基本用法有哪些
這篇文章主要介紹了JavaScript setTimeout()基本用法有哪些,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
在一些網(wǎng)頁廣告中提供的JS代碼可以進行代碼注入，然后監(jiān)視各種元素，下面有個示例，大家可以參考下2014-04-04
這篇文章主要為大家詳細介紹了bootstrap手風琴折疊示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08