快捷導(dǎo)航

JavaScript中string轉(zhuǎn)換成number介紹

更新時間：2014年12月31日 09:42:44 投稿：junjie

這篇文章主要介紹了JavaScript中string轉(zhuǎn)換成number介紹,本文講解了3種將string值轉(zhuǎn)換成number的方法,需要的朋友可以參考下

JavaScript中，可以通過以下3種方法來將string值轉(zhuǎn)換成number：

1.調(diào)用Number()來對string進(jìn)行值類型轉(zhuǎn)換。
2.parseInt()。
3.parseFloat()。

Number()

使用Number()函數(shù)來對string進(jìn)行強(qiáng)制類型轉(zhuǎn)換是最直接的做法。不過，這種做法有一個局限性：如果字符串截去開頭和結(jié)尾的空白字符后，不是純數(shù)字字符串，那么最終返回結(jié)果為NaN。David Flanagan的JavaScript – The Definitive Guide 6th edition, 3.8.2節(jié)提到，用Number()函數(shù)來進(jìn)行string-to-number轉(zhuǎn)換時，函數(shù)只接受10進(jìn)制字符串，但測試結(jié)果表明事實(shí)并非如此，Number()函數(shù)可以接受”0xff”作為參數(shù)并將其轉(zhuǎn)換成數(shù)值255。

復(fù)制代碼代碼如下:

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ù)字開頭的部分?jǐn)?shù)字字符串(非數(shù)字部分字符串在轉(zhuǎn)換過程中會被去除)。值得注意的是，當(dāng)parseInt()函數(shù)所解析的是浮點(diǎn)數(shù)字符串時，取整操作所使用的方法為“向下取整”(truncate)。

除了字符串作為第一個參數(shù)，parseInt()函數(shù)還可以接受2到36之間的任意整數(shù)作為第二個參數(shù)，用于指定轉(zhuǎn)換過程中的進(jìn)制數(shù)。

復(fù)制代碼代碼如下:

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ù)字開頭的部分?jǐn)?shù)字字符串(非數(shù)字部分字符串在轉(zhuǎn)換過程中會被去除)。與parseInt()不同的是，parseFloat()可以將字符串轉(zhuǎn)換成浮點(diǎn)數(shù)；但同時，parseFloat()只接受一個參數(shù)，且僅能處理10進(jìn)制字符串。

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

JavaScript中解決多瀏覽器兼容性23個問題的快速解決方法
下面小編就為大家?guī)硪黄狫avaScript中解決多瀏覽器兼容性23個問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
js定時器實(shí)現(xiàn)倒計(jì)時效果
這篇文章主要為大家詳細(xì)介紹了js定時器實(shí)現(xiàn)倒計(jì)時效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
javascript中Promise的三種狀態(tài)示例詳解
這篇文章主要給大家通過講解和實(shí)踐,詳細(xì)介紹了Promise對象的三種狀態(tài)：pending（待定）、fullfilled（已兌現(xiàn)）、rejected（已拒絕）,并通過日志查看,展示了Promise狀態(tài)的改變順序,幫助讀者更好的理解和應(yīng)用Promise,需要的朋友可以參考下
2024-10-10
微信小程序自定義底部彈出框
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
xmlplus組件設(shè)計(jì)系列之分隔框（DividedBox)（8）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus布局類組件之分隔框，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
實(shí)例解析package.json和最常見的scripts字段
日常開發(fā)中，現(xiàn)在的前端開發(fā)已經(jīng)被三大框架取代，其中最主流的不過vue和react，而開發(fā)這些項(xiàng)目的時候不得不接觸package.json這個文件，可你真的了解這個文件嗎？今天給大家聊聊package.json和最常見的scripts字段，感興趣的朋友一起看看吧
2023-04-04
JavaScript setTimeout()基本用法有哪些
這篇文章主要介紹了JavaScript setTimeout()基本用法有哪些,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-11-11
網(wǎng)頁廣告中JS代碼的信息監(jiān)聽示例
在一些網(wǎng)頁廣告中提供的JS代碼可以進(jìn)行代碼注入，然后監(jiān)視各種元素，下面有個示例，大家可以參考下
2014-04-04
bootstrap手風(fēng)琴折疊示例代碼分享
這篇文章主要為大家詳細(xì)介紹了bootstrap手風(fēng)琴折疊示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08