JavaScript字符串轉(zhuǎn)數(shù)字的簡單實(shí)現(xiàn)方法
更新時(shí)間：2020年11月27日 10:07:32 作者：牛哄哄的柯南
這篇文章主要給大家介紹了關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡單實(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ù)字的簡單實(shí)現(xiàn)方法的文章就介紹到這了,更多相關(guān)JavaScript字符串轉(zhuǎn)數(shù)字內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
layui 監(jiān)聽彈窗關(guān)閉并刷新父級(jí)table的場景分析
這篇文章主要介紹了layui 監(jiān)聽彈窗關(guān)閉并刷新父級(jí)table的場景分析,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-07-07
鏈?zhǔn)秸{(diào)用就是調(diào)用對(duì)象的方法后返回到該對(duì)象，嚴(yán)格來講它并不屬于語法，而只是一種語法技巧，js令人著迷的一點(diǎn)就是這里。2010-02-02
在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解
這篇文章主要給大家介紹了關(guān)于在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
javascript實(shí)現(xiàn)日歷控件(年月日關(guān)閉按鈕)
經(jīng)常使用google的朋友一定對(duì)google絢麗的日歷控件記憶猶新吧,那我們也來實(shí)現(xiàn)一個(gè),雖然功能和效果比不上,但重要的是實(shí)現(xiàn)的過程2012-12-12
網(wǎng)上搜到的js格式化金額可選是否帶千分位以及保留精度，還不錯(cuò)，大家可以學(xué)習(xí)下2014-01-01
js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關(guān)系，操作起來十分麻煩，很多同學(xué)經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10
下面小編就為大家分享一篇將Sublime Text 3 添加到右鍵中的簡單方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
javascript完美實(shí)現(xiàn)給定日期返回上月日期的方法
這篇文章主要介紹了javascript完美實(shí)現(xiàn)給定日期返回上月日期的方法,結(jié)合實(shí)例形式分析了javascript日期時(shí)間的計(jì)算技巧,并給出了格式化日期時(shí)間的操作方法,需要的朋友可以參考下2017-06-06![深入理解選擇框腳本[推薦]](http://img.jbzj.com/images/xgimg/bcimg8.png)
選擇框是通過<select>和<option>元素創(chuàng)建的，又稱為下拉列表框。為了方便與這個(gè)控件交互，除了所有表單字段共有的屬性和方法外，javascript還提供了一些屬性和方法。本文將詳細(xì)介紹選擇框腳本2016-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制圓弧與圓形，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02