JavaScript复习中parseInt()、isNaN()、isNaN(parseInt())的作用以及案例解释

奇叔码技术

已于 2023-04-13 02:35:57 修改

阅读量1.6k

点赞数 2

分类专栏： JavaScript复习文章标签： js javascript html html5 jquery

于 2020-03-29 17:50:53 首次发布

本文链接：https://blog.csdn.net/weixin_45673401/article/details/105177391

版权

JavaScript复习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

关注公众号：”奇叔码技术“

回复：“java面试题大全”或者“java面试题”
即可免费领取资料

🥇🥈🥉一、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

奇叔码技术

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript复习中parseInt()、isNaN()、isNaN(parseInt())的作用以及案例解释

????????????一、parseInt()、isNaN()、isNaN(parseInt())的作用：????????1、英文解释：isNaN：is ：(是)；not a number：（不是一个数字）；说明：不是一个数字，则返回true；????????2、主要用途：（1）当其接收一个参数后，会尝试把这个参数转换为数值，某些不是数值的值也会转换为数值，任何不能被转换为数值的值都会导致这个函数返回true（2）提示：i...
复制链接

扫一扫