JavaScript複習中parseInt()、isNaN()、isNaN(parseInt())的作用以及案例解釋

🥇🥈🥉一、parseInt()、isNaN()、isNaN(parseInt())的作用:
🈺🉐1、英文解釋:isNaN:
is :(是);
not a number:(不是一個數字);
說明:不是一個數字,則返回true;
🔥🌞2、主要用途:
(1)當其接收一個參數後,會嘗試把這個參數轉換爲數值,某些不是數值的值也會轉換爲數值,任何不能被轉換爲數值的值都會導致這個函數返回true
(2)提示:isNaN() 函數通常用於檢測 parseFloat()parseInt() 的結果,以判斷它們表示的是否是合法的數字。特別是檢測算數錯誤,比如用 0 作除數的情況。

🌈㊙3、代碼解釋:

<!DOCTYPE html>
<!-- 聲明是html5,不是html4 讓瀏覽器都知道是html5-->
<html>
<head>
<!-- 2020年3月29日 -->
<title>JavaScript學習案例</title>
</head>
<body>
<p>parseInt()、isNaN()、isNaN(parseInt())的作用</p>
 <script type="text/javascript">
//isNaN()函數的作用:用來檢驗是否含有數字和錯誤算法;
//用五種基本類型情況、字符串中間前後加空格和不加空格,來檢驗;
var a = "123abc";
var b = "123";
var c = 2/0;
/* 值爲:Infinity
,參數的類型爲:number
,parseInt()作用爲:NaN
,isNaN()作用爲:false
,isNaN(parseInt())作用爲:true
 */
 /* 結論:證明如果是錯誤算法那麼需要用isNaN(parseInt())來檢驗,直接用isNaN()會誤認爲含有數字; */
var d = "abc";
var e = true;
var f = false;
var g = undefined;
var h = null;
var i = NaN;
var j = 2;
var k = 2.0;
var l = 2.1;
var m = "abc123";
var n = "1abc";
var o = "a1bc";
var p = "1ab2";
var q = " 123abc";
var r = " 123abc ";
var s = " abc123";
var u = " abc123 ";
var v = " 1abc ";
var w = " 1abc";
var s = " a1bc";
var y = " a1bc ";
var z = " 1ab2";
var zz = " 1ab2 ";
function  Judeg(flag){
document.write("值爲:"+flag+"<br/>"
		+",參數的類型爲:"+typeof(flag)+"<br/>"
		+",parseInt()作用爲:"+parseInt(flag)+"<br/>"
		+",isNaN()作用爲:"+isNaN(flag)+"<br/>"
		+",isNaN(parseInt())作用爲:"+isNaN(parseInt(flag))+"<br/>"+"<br/>");	
}
Judeg(a);
Judeg(b);
Judeg(c);
Judeg(d);
Judeg(e);
Judeg(f);
Judeg(g);
Judeg(h);
Judeg(i);
Judeg(j);
Judeg(k);
Judeg(l);
Judeg(m);
Judeg(n);
Judeg(o);
Judeg(p);
Judeg(q);
Judeg(r);
Judeg(s);
Judeg(u);
Judeg(v);
Judeg(w);
Judeg(s);
Judeg(y);
Judeg(z);
Judeg(zz);
</script>


</body>

</html>

二、總結歸納🎁💎
結論:
(1)使用parseInt()函數的特點:
1:開頭和結尾的空格是允許的。
2:如果字符串的第一個字符不能被轉換爲數字,那麼 會返回 NaN。
3:它會匹配數字類型和字符串類型中含有數字的前面一段,開頭含有字母返回NaN;中間、後面含有字母都將返回只有前面一段的數字;

總結來說,經過parseInt()函數後留下的只有三種情況:
1、除數字和字符串以外,其他都返回NaN;
2、數字,則返回數字;
3、字符串,則匹配字符串類型中含有數字的前面一段,開頭含有字母返回NaN;中間、後面含有字母都將返回只有前面一段的數字;

(2)使用isNaN()函數的特點:
1:string類型(只含數字)、true和false(boolean類型)、數字類型和null(object類型)返回false;
2:undefined、NaN、string類型(含有字母)返回true;
特別注意:當算法錯誤(var c = 2/0;)返回false;

(3)使用isNaN(parseInt())總結歸納:
如果需要檢驗一個值,只要他的數字並且滿足開頭不爲字母的數;就可以用: isNaN(parseInt())來檢驗;


三、其中借鑑和學習中參考鏈接:🌈㊙:
https://blog.csdn.net/u012934325/article/details/60781989


以上總結,當採納和對你有幫助時;
🤞👣👀👇🤝🙌🍗
留下你的點贊足跡+你愛心的評論哦!
🉐(⓿_⓿)謝啦!!☆⌒(*^-゜)v

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章