JavaScript數(shù)值轉(zhuǎn)換的三種方式總結(jié)

更新時間：2014年07月31日 09:16:23 投稿：whsnow

JavaScript數(shù)值轉(zhuǎn)換一般有三種方式，Number(param)函數(shù)、parseInt(param)、parseIFloat(param),下面為大家詳細(xì)介紹，需要的朋友可以參考下

在JavaScript中，數(shù)值轉(zhuǎn)換一般有三種方式：

一、Number(param)函數(shù)：param可以用于任何數(shù)據(jù)類型

1.1 param是Boolean值，true和false分別轉(zhuǎn)換為1和0；

1.2 param是數(shù)值，只是簡單的傳入和返回

1.3 param是null和undefined，分別返回0和NaN

1.4 param是字符串，遵循下列規(guī)則：

1.4.1 如果字符串中只包含數(shù)字，則轉(zhuǎn)換為十進(jìn)制，前導(dǎo)0被忽略；

1.4.2 如果字符串中包含有效的浮點(diǎn)數(shù)格式，則返回對應(yīng)的浮點(diǎn)數(shù)值，前導(dǎo)0被忽略；

1.4.3 如果字符串包含有效的十六進(jìn)制，則返回等大的十進(jìn)制數(shù)值

1.4.4 如果字符串為空，則返回0

1.4.5 如果字符串中包含除上述格式外的字符，則返回NaN

1.5 param是對象，則調(diào)用valueOf()方法，依照前面的規(guī)則轉(zhuǎn)換返回字符串值，若返回NaN，則調(diào)用toString()方法，再次依照前面的規(guī)則轉(zhuǎn)換返回字符串值。

1.6 示例：

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = Number("hello"); //NaN 
var num2 = Number(""); //0 
var num3 = Number("00022"); //22 
var num4 = Number(true); //1</span>

二、parseInt(param)：把字符串轉(zhuǎn)換成整數(shù)，param是字符串類型。

parseInt()忽略字符串前面的空格，直到找到第一個非空格字符S；若S不是數(shù)字或者負(fù)號，則返回NaN（即parseInt()對空字符返回NaN，注意Number()對空返回0），若S是數(shù)字，parseInt()會繼續(xù)解析下一個字符，直到解析完所有字符或者遇到了一個非數(shù)字字符。parseInt()支持對八進(jìn)制、十六進(jìn)制的解析

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseInt("1234blue"); //1234 
var num2 = parseInt(""); //NaN 
var num3 = parseInt("22.5"); //22 
var num4 = parseInt("070"); //八進(jìn)制，轉(zhuǎn)換為十進(jìn)制的56</span>

三、parseIFloat(param)：把字符串轉(zhuǎn)換成浮點(diǎn)數(shù)，param是字符串類型。

與parseInt類似，parseFloat()從第一個字符開始解析，直到解析完所有字符或者遇到了一個非浮點(diǎn)數(shù)字符。第一個小數(shù)點(diǎn)有效，但是第二個則無效，且該函數(shù)只能解析十進(jìn)制數(shù)，因?yàn)樗冀K會忽略前導(dǎo)0.

<span style="font-family:Microsoft YaHei;font-size:18px;">var num1 = parseFloat("1234blue"); // 1234 
var num2 = parseFloat("0xf6"); // 0 
var num3 = parseFloat("22.5"); // 22.5 
var num4 = parseFloat("22.5.4"); //22.5 
var num5 = parseFloat("3.125e7"); // 31250000</span>

數(shù)值轉(zhuǎn)換

相關(guān)文章

js回調(diào)函數(shù)仿360開機(jī)
這篇文章主要為大家詳細(xì)介紹了js回調(diào)函數(shù)仿360開機(jī)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
鴻蒙JS實(shí)戰(zhàn)之計算器功能開發(fā)實(shí)例
這篇文章主要給大家介紹了關(guān)于鴻蒙Js實(shí)戰(zhàn)之計算器功能開發(fā)的相關(guān)資料,計算器是我們生活中經(jīng)常使用的應(yīng)用,此項(xiàng)目是基于Harmony實(shí)現(xiàn)的簡易計算器,需要的朋友可以參考下
2024-02-02
js實(shí)現(xiàn)簡易拖拽的示例
這篇文章主要介紹了js實(shí)現(xiàn)簡易拖拽的示例，幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
2020-10-10
關(guān)于JavaScript實(shí)現(xiàn)動畫時動畫抖動的原因與解決方法
最近在使用JS動畫做一些練習(xí)的時候我發(fā)現(xiàn)在動畫執(zhí)行時間內(nèi)快速移開鼠標(biāo)時會出現(xiàn)動畫因鼠標(biāo)移動過快從而導(dǎo)致代碼沖突讓畫面抖動的bug,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)動畫時動畫抖動的原因與解決方法,需要的朋友可以參考下
2022-06-06
創(chuàng)建echart多個聯(lián)動的示例代碼
這篇文章主要介紹了創(chuàng)建echart多個聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
如何用JavaScript實(shí)現(xiàn)動態(tài)修改CSS樣式表
如何用JavaScript實(shí)現(xiàn)動態(tài)修改CSS樣式表？下面小編就為大家?guī)硪黄狫avaScript實(shí)現(xiàn)動態(tài)修改CSS樣式表的方法。希望對大家有所幫助。一起跟隨小編過來看看吧
2016-05-05
JavaScript位移運(yùn)算符(無符號) >>> 三個大于號的使用方法詳解
這篇文章主要介紹了JavaScript位移運(yùn)算符(無符號) >>> 三個大于號的使用方法詳解的相關(guān)資料,需要的朋友可以參考下
2016-03-03
兼容IE與Firefox的js 復(fù)制代碼
這是一段點(diǎn)擊復(fù)制的代碼，現(xiàn)在我的頁面里不僅有1個鏈接需要用到這段代碼。請哪位好心人指教一下應(yīng)該怎么用ID對應(yīng)的方式來改寫這段js，使它實(shí)現(xiàn)一個點(diǎn)擊復(fù)制對應(yīng)1個相應(yīng)內(nèi)容
2009-12-12
js保留兩位小數(shù)方法總結(jié)
本篇文章給大家總結(jié)了js保留兩位小數(shù)的各種方法以及每種方法的實(shí)例代碼分析，如果大家對此有需要，一起來學(xué)習(xí)下js保留兩位小數(shù)的方法吧。
2018-01-01
抖音小程序一鍵獲取手機(jī)號的實(shí)現(xiàn)思路
前端通過code獲取sessionkey,再用sessionkey解密手機(jī)號加密信息,PHP后端實(shí)現(xiàn)這一過程,本文通過實(shí)例代碼給大家介紹抖音小程序一鍵獲取手機(jī)號功能,感興趣的朋友一起看看吧
2025-01-01