JavaScript字符串轉(zhuǎn)數(shù)字的簡單實現(xiàn)方法
由于輸入框或?qū)υ捒蚍祷氐念愋褪亲址?,但?dāng)我們想使用數(shù)字類型時進行一些數(shù)學(xué)的計算時我們就需要轉(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("請輸入小明的年齡:"); // 12 var age2 = prompt("請輸入小剛的年齡:"); // 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的時候就會得到拼接字符串的效果。
parseFloat
樣例代碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var num1 = prompt("請輸入第一個數(shù)字(小數(shù)):"); // 11.22 var num2 = prompt("請輸入第二個數(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我們就會得到拼接字符串的效果。
總結(jié)
到此這篇關(guān)于JavaScript字符串轉(zhuǎn)數(shù)字的簡單實現(xiàn)方法的文章就介紹到這了,更多相關(guān)JavaScript字符串轉(zhuǎn)數(shù)字內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui 監(jiān)聽彈窗關(guān)閉并刷新父級table的場景分析
這篇文章主要介紹了layui 監(jiān)聽彈窗關(guān)閉并刷新父級table的場景分析,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解
這篇文章主要給大家介紹了關(guān)于在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08javascript實現(xiàn)日歷控件(年月日關(guān)閉按鈕)
經(jīng)常使用google的朋友一定對google絢麗的日歷控件記憶猶新吧,那我們也來實現(xiàn)一個,雖然功能和效果比不上,但重要的是實現(xiàn)的過程2012-12-12js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關(guān)系,操作起來十分麻煩,很多同學(xué)經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10javascript完美實現(xiàn)給定日期返回上月日期的方法
這篇文章主要介紹了javascript完美實現(xiàn)給定日期返回上月日期的方法,結(jié)合實例形式分析了javascript日期時間的計算技巧,并給出了格式化日期時間的操作方法,需要的朋友可以參考下2017-06-06