目标

本次用途主要是在js中识别某个字符是否可以转换为数值
经过查询发现isNaN可以实现该方式，但有些需要注意的点，本文主要进行验证
环境：ES6

验证demo

分别针对不同的字符

             let testnum = 0;that.printLog(0, "testnum  0 ="+isNaN(testnum));testnum = "0";that.printLog(0, "testnum  -parseInt-0 ="+isNaN(parseInt(testnum)));that.printLog(0, "testnum  --0 ="+isNaN(testnum));testnum = "1";that.printLog(0, "testnum  --1 ="+isNaN(testnum));testnum = "9";that.printLog(0, "testnum  --9 ="+isNaN(testnum));testnum = "";that.printLog(0, "testnum  --- ="+isNaN(testnum));testnum = " ";that.printLog(0, "testnum  -- - ="+isNaN(testnum));testnum = "t";that.printLog(0, "testnum  --t ="+isNaN(testnum));testnum = "T";that.printLog(0, "testnum  --T ="+isNaN(testnum));

运行结果

当确定非数值时isNaN为ture

 testnum  0 =false     //验证参数为数值时，为falsetestnum  -parseInt-0 =false  //验证将字符转换为数值时，为falsetestnum  --0 =false  //验证参数为字符0时，为falsetestnum  --1 =false //验证参数为字符1时，为falsetestnum  --9 =false //验证参数为字符9时，为falsetestnum  --- =false //验证参数为无字符时，为falsetestnum  -- - =false  //验证参数为空字符时，为falsetestnum  --t =true    //验证参数为字符t时，为turetestnum  --T =true  //验证参数为字符T时，为ture

结论

可以利用isNaN对字符是否可转换为数值进行检验

另：本次采用的是ES6进行的js检测，检测结果如上述所示，但在单独进行web前端验证时，无论什么信息都报为false。初步怀疑是进行web验证时的环境为搭建完全，不排除其他因素。由于对web前端了解较少，后续涉及到web时再行验证

js中isNaN的用法实践相关推荐

JS中typeof的用法
转载自 JS中typeof的用法 js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断.那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型. 1 ...
php function函数用法,js的function函数是什么？js中function的用法
本篇文章给大家带来的内容是关于js的function函数是什么?js中function的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Function与函数 Function是 ...
append和appendTo的区别以及js中的appendChild用法
append和appendTo的区别以及js中的appendChild用法很多像我一样接触JS没多久的小白对append和appendTo的区别以及js中的appendChild用法都会有所模糊,下 ...
js中indexOf的用法详解
js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...
js控制页面滚动到指定位置，js中scrollIntoView()的用法
js中scrillIntoView()的用法--页面滚动到指定位置最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...
js中return的用法
js中return的用法今天看到一篇文章,介绍的是js中return的用法,感触很深.(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默 ...
innerHTML连接指定HTML文件,js中innerhtml的用法
js中innerHTML与innerText的用法与区别 js中innerHTML的用法: innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包 ...
JS中reduce的用法
JS中reduce的用法前言语法举例 reduce的应用总结前言 reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行),将其结果汇总为单个返回值.reduc ...
php中正则表达式用法,php与js中的正则表达式用法
1. php中的正则: if(preg_match('/^[^x00-xff]+$/', $_POST['password']) || !preg_match('/^\w+$/', $_POST['p ...

js中isNaN的用法实践

目标

验证demo

运行结果

结论

js中isNaN的用法实践相关推荐

最新文章

热门文章