JS裡常見內建函數使用詳解

這次帶給大家JS裡常見內建函數使用詳解，JS裡常見內建函數使用的注意事項有哪些，以下就是實戰案例，一起來看一下。

一、介紹

當使用JavaScript語言時，除了可以自訂函數之外，還可以使用JavaScript的內建函數，這些函數是由JavaScript語言本身提供的函數。

二、一些常用的內建函數做詳細介紹

#1、parseInt()函數

函數主要將首位為數字的字串轉換成數字，如果字串不是以數字開頭，那麼就會傳回NaN。

語法：

parseInt(StringNum,[n])

StringNum：需要轉換為整數的字串。
n：提供在2～36之間的數字表示所保存數字的進位數。這個參數在函數中不是必須的。

2、parseFloat()函數

該函數主要將首位為數字的字串轉換成浮點型數字，如果字串不是以數字開頭，那麼將返回NaN。

語法：

parseFloat(StringNum)

StringNum：需要轉換為浮點型的字串。

3、isNaN()函數

此函數主要用來檢定某個值是否為NaN。

語法：

isNaN(Num)

Num：需要驗證的數字。

說明：若參數Num為NaN，函數傳回值為true；若參數Num不是NaN，則函數傳回值為false。

4、isFinite()函數

此函數主要用於檢驗某個表達式是否為無限大。

語法：

isFinite(Num)

Num：需要驗證的數字。

說明：若參數Num為無窮大，函數傳回值為true；若參數Num不為無窮大，則函數傳回值為false。

5、encodeURI()函數

此函數主要用於傳回一個URI字串編碼後的結果。

語法：

encodeURI(url)

url：需要轉換為網路資源位址的字串。

說明：URI與URL都可以表示網路資源位址，URI比URL的表示範圍更廣泛，但在一般情況下，URI與URL可以是等同的。 encodeURI()函數只對字串中有意義的字元進行轉義。例如將字串中的空格轉換為“ ”。

6、decodeURI()函數

此函數主要用於將已編碼為URI的字串解碼成最初的字串並傳回。

語法：

decodeURI(url)

url：需要解碼的網路資源位址。

說明：此函數可以將使用encodeURI()轉碼的網路資源位址轉換為字串並傳回，即decodeURI()函數是 encodeURI()函數的逆向運算。

三、程式碼

<script type="text/javascript">
/*
parseInt()函数
*/
var num1="123abc"
var num2="abc123"
document.write("（1）使用parseInt()函数:<br>");
document.write("123abc转化结果为:"+parseInt(num1)+"<br>");
document.write("abc123转化结果为:"+parseInt(num2)+"<br><br>");
/*
parseFloat()函数
*/
var num3="123.456789abc"
document.write("（2）使用parseFloat()函数：<br>");
document.write("123.456789abc转化结果为:"+parseFloat(num3)+"<br><br>");
/*
isNaN()函数
*/
document.write("（3）使用isNaN()函数：<br>");
document.write("123.456789abc转化后是否为NaN:"+isNaN(parseFloat(num3))+"<br>");
document.write("abc123转化结果后是否为NaN:"+isNaN(parseInt(num2))+"<br><br>");
/*
isFinite()函数
*/
document.write("（4）使用isFinite()函数<br>");
document.write("1除以0的结果是否为无穷大："+isFinite(1/0)+"<br><br>");
/*
encodeURI()函数
*/
document.write("（5）使用encodeURI()函数<br>");
document.write("转化为网络资源地址为："+encodeURI("http://127.0.0.1/save.html?name=测试")+"<br><br>");
/*
decodeURI()函数
*/
document.write("（6）使用decodeURI()函数<br>");
document.write("转化网络资源地址的字符串为："+decodeURI(encodeURI("http://127.0.0.1/save.html?name=测试"))+ "<br><br>");
</script>

#四、運行結果

##（1）使用parseInt()函數:

123abc轉換結果為:123
abc123轉換結果為:NaN

（2）使用parseFloat()函數：

123.456789abc轉換結果為:123.456789

（3）使用isNaN()函數：

123.456789abc轉換後是否為NaN:false
abc123轉換結果後是否為NaN:true

（4）使用isFinite()函數

1除以0的結果是否為無限大：false

（5）使用encodeURI()函數

轉換為網路資源位址為：http:// 127.0.0.1/save.html?name=測試

（6）使用decodeURI()函數

轉換網路資源位址的字串為：http://127.0.0.1/save.html?name =測試

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何修改npm全域安裝模式路徑

#怎麼使用WebPack設定vue多頁面

以上是JS裡常見內建函數使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！