DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 5.5 parseInt()函數和parseFloat()函數
5.5 parseInt()函數和parseFloat()函數
編輯:JavaScript基礎知識     

在JavaScript中,parseInt()函數和parseFloat()函數功能類型,都是將“數字字符串”轉化為一個數值。之前我們講解的那幾個函數可能用得不是很多,但是這兩個函數在實際開發用得非常的多,大家要打醒十二分精神把這兩個函數給記住。

一、parseInt()函數

parseInt()函數主要將首位為數字的字符串轉化為數字。如果字符串不是以數字開頭,則將返回NaN。

語法:

 
parseInt(數字字符串)

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str = "10"+20;
        var sum = parseInt("10")+20;
        document.write(str+"<br/>");
        document.write(sum);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

大家可以看到,如果一個字符串跟一個數字相加,JavaScript會將數字轉化為字符串,然後再進行相加。這一知識點,我們在“JavaScript表達式”這一節已經詳細講解了。

不過,我們如果將數字字符串“10”使用parseInt()函數轉換為數值型數據,則相加的結果就不是字符串了,而是數字型數據。大家稍微琢磨一下。

二、parseFloat()函數

parseFloat()函數主要將首位為數字的字符串轉化為浮點型數字。如果字符串不是以數字開頭,將返回NaN。

語法:

 
parseFloat(數字字符串)

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str = "3.14"+20;
        var sum = parseFloat("3.14")+20;
        document.write(str+"<br/>");
        document.write(sum);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

具體分析跟parseInt()函數的例子分析一樣,在此不累贅解析。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved