JavaScript字符串轉(zhuǎn)數(shù)字的簡(jiǎn)單實(shí)現(xiàn)方法
更新時(shí)間：2020年11月27日 10:07:32 作者：牛哄哄的柯南
這篇文章主要給大家介紹了關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡(jiǎn)單實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
由于輸入框或?qū)υ捒蚍祷氐念愋褪亲址?dāng)我們想使用數(shù)字類型時(shí)進(jìn)行一些數(shù)學(xué)的計(jì)算時(shí)我們就需要轉(zhuǎn)換為數(shù)字類型，使用parseInt、parseFloat即可。
用法：↓
parseInt(想要轉(zhuǎn)換的字符串) //轉(zhuǎn)為 int類型 parseFloat(想要轉(zhuǎn)換的字符串) //轉(zhuǎn)為 float類型
parseInt
樣例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var age1 = prompt("請(qǐng)輸入小明的年齡："); // 12
var age2 = prompt("請(qǐng)輸入小剛的年齡："); // 13
//小明十年后 轉(zhuǎn)int
age1 = parseInt(age1);
age1 += 10;
//小剛十年后 不轉(zhuǎn) int
age2 += 10;
document.write("十年后小明的年齡：" + age1 + "</br>"); //22
document.write("十年后小剛的年齡：" + age2); // 1310
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
很明顯我們可以看出，如果不轉(zhuǎn)int我們+10的時(shí)候就會(huì)得到拼接字符串的效果。
parseFloat
樣例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
var num1 = prompt("請(qǐng)輸入第一個(gè)數(shù)字(小數(shù))："); // 11.22
var num2 = prompt("請(qǐng)輸入第二個(gè)數(shù)字(小數(shù))："); // 22.33
var num11=num1;
var num22=num2;
num1 = parseFloat(num1);
num2 = parseFloat(num2);
var sum = num1+num2; // 33.55
var sum2 = num11 + num22; //11.2222.33
document.write("相加的結(jié)果(轉(zhuǎn)float)："+sum + "</br>");
document.write("相加的結(jié)果(不轉(zhuǎn)float)："+sum2);
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
同樣我們可以看出，如果不轉(zhuǎn)float我們就會(huì)得到拼接字符串的效果。
總結(jié)
到此這篇關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡(jiǎn)單實(shí)現(xiàn)方法的文章就介紹到這了,更多相關(guān)JavaScript字符串轉(zhuǎn)數(shù)字內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
微信小程序自定義可滑動(dòng)頂部TabBar選項(xiàng)卡實(shí)現(xiàn)頁面切換功能示例
這篇文章主要介紹了微信小程序自定義可滑動(dòng)頂部TabBar選項(xiàng)卡實(shí)現(xiàn)頁面切換功能,結(jié)合實(shí)例形式分析了微信小程序自定義頂部TabBar選項(xiàng)卡頁面切換功能的相關(guān)布局、樣式及功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了如何選擇適合你的JavaScript框架，如何選擇一個(gè)高效的JS框架經(jīng)驗(yàn)之談。2017-11-11
JS實(shí)現(xiàn)自適應(yīng)高度表單文本框的方法
這篇文章主要介紹了JS實(shí)現(xiàn)自適應(yīng)高度表單文本框的方法,實(shí)例分析了針對(duì)IE內(nèi)核與非IE內(nèi)核下的javascript控制文本框樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
Nuxt默認(rèn)模板、默認(rèn)布局和自定義錯(cuò)誤頁面的實(shí)現(xiàn)
這篇文章主要介紹了Nuxt默認(rèn)模板、默認(rèn)布局和自定義錯(cuò)誤頁面的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之輪播圖效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
在本篇文章中小編給各位整理的是關(guān)于js new Date()測(cè)試的相關(guān)實(shí)例代碼，有需要的朋友們參考學(xué)習(xí)下。2019-10-10
JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼,涉及JavaScript數(shù)組操作結(jié)合定時(shí)函數(shù)實(shí)現(xiàn)修改頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要為大家詳細(xì)介紹了js截取字符串功能的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
因此，如果讓服務(wù)器端也可以主動(dòng)發(fā)送信息到客戶端，就可以很大程度改進(jìn)這些不足。WebSocket就是一個(gè)實(shí)現(xiàn)這種雙向通信的新協(xié)議。下面小編來簡(jiǎn)單介紹下它2019-05-05
JavaScript實(shí)現(xiàn)類似淘寶的購物車效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)購物車特效的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了，利用Javascript如何實(shí)現(xiàn)類似淘寶購物車中商品的單選、全選、刪除、修改等功能，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03