在设计过程中，经常遇到需要将一个字符串转换成数值类型；但是如果这个字符串不是数字组成或不完全是数字构成的，直接利用Number转换，就会出现NaN的提示。所以，在将一个字符串转换成数值类型之前，需要判断该字符串是不是完全是数字构成的，下面利用一个实例说明isNaN的用法，操作如下：
工具/原料
1
HBuilder
2
jquery
3
截图工具
4
浏览器
方法/步骤
1
第一步，打开HBuilder编辑工具，新建静态页面nan.html，并引入jquery核心js文件，如下图所示：
2
第二步，在
插入一个输入框和一个按钮，并设置对应的id属性值，如下图所示：3
第三步，在jquery初始化函数内编写按钮点击事件，获取输入框的值，利用isNaN判断输入框的值是不是数值，如果是打印出“数字”，否则为“非数字”，如下图所示：
4
第四步，预览该静态页面，输入数字、字母和符号，点击按钮，查看打印结果，如下图所示：
5
第五步，检查代码发现isNaN写成了NaN，修改代码，再次保存之后预览效果，如下图所示：
6
第六步，结果发现如果输入框什么都不输人，也会弹出“数字”；说明还有种情况未考虑，输入框为空的情况，添加这个情况，如下图所示：
注意事项
1
注意NaN和isNaN的区别
2
注意将字符串转换成数值类型的方法