jQuery $.isNumeric vs. $.isNaN vs. isNaN
2014-01-23 15:43
453 查看
在jQuery中,有几种方式可以判断一个对象是否是数字,或者可否转换为数字。
首先,jQuery.isNaN()在最新版本中已经被移除了(1.7之后),取而代之的是 jQuery.isNumeric ()。这并不奇怪,因为jQuery.isNaN() 同Javascript内置的isNaN()名字相同,但是语义却不完全相同,在一定意义上会造成歧义。 jQuery.isNumeric ()有着与其相似的功能,同时也解决了歧义问题。
jQuery.isNumeric ()检查传进的参数是否是数字或者可否转换为数字;Javascript 内置的isNaN() 检查传进的参数是否是一个合法的数字,典型的例子是0/0。
具体区别可以看测试:
测试数据:
使用jQuery verision1.6:
for( var index in values ) { var v = values[ index ]; $( 'table' ).append( '<tr><td>'+v+'</td><td>' +(!isNaN( v )?"true":"false") +'</td><td>' +(!$.isNaN( v )?"true":"false") +'</td></tr>' );
输出:
使用 jQuery version1.7
输出:
可以看出,$.isNumeric() 跟 !$.isNaN() 结果是一样的, 而 jQuery $.isNumeric() 同Javascript 自带的!isNaN()在对空字符串、null、true/false、Infinity的处理是不同的。因为isNaN()只是检查传入的值是否是NaN类型。
NaN (Not a Number)是一个数字数据类型,表明未定义(undefined )或无法表示(unrepresentable )的值,尤其是浮点数计算值。
因此,isNaN(null) == false 在语义上是正确的,因为null不是NaN(事实上null、ture/false等等会先转为数字0)。但是如果用!isNaN()来判断传入的值可否转换为数字,又不大恰当。而Javascript另一种方式 typeof num == 'number' 则无法检测字符串情况。因此如果不使用 jQuery $.isNumeric(),则最好还是重写一个方法判断,比如用正则来判断或者:
首先,jQuery.isNaN()在最新版本中已经被移除了(1.7之后),取而代之的是 jQuery.isNumeric ()。这并不奇怪,因为jQuery.isNaN() 同Javascript内置的isNaN()名字相同,但是语义却不完全相同,在一定意义上会造成歧义。 jQuery.isNumeric ()有着与其相似的功能,同时也解决了歧义问题。
jQuery.isNumeric ()检查传进的参数是否是数字或者可否转换为数字;Javascript 内置的isNaN() 检查传进的参数是否是一个合法的数字,典型的例子是0/0。
具体区别可以看测试:
测试数据:
var values = [ "-10", 16, 0xFF, "0xFF", "8e5", 3.1415, +10, 0144, "", {}, NaN, null, true, Infinity, undefined, false ];
使用jQuery verision1.6:
for( var index in values ) { var v = values[ index ]; $( 'table' ).append( '<tr><td>'+v+'</td><td>' +(!isNaN( v )?"true":"false") +'</td><td>' +(!$.isNaN( v )?"true":"false") +'</td></tr>' );
输出:
!isNaN() | !$.isNaN() | |
-10 | true | true |
16 | true | true |
255 | true | true |
0xFF | true | true |
8e5 | true | true |
3.1415 | true | true |
10 | true | true |
100 | true | true |
true | false | |
[object Object] | false | false |
NaN | false | false |
null | true | false |
true | true | false |
Infinity | true | false |
undefined | false | false |
for( var index in values ) { var v = values[ index ]; $( 'table' ).append( '<tr><td>'+v+'</td><td>' +(!isNaN( v )?"true":"false") +'</td><td>' +($.isNumeric( v )?"true":"false") +'</td></tr>' ); }
输出:
!isNaN() | $.isNumeric() | |
-10 | true | true |
16 | true | true |
255 | true | true |
0xFF | true | true |
8e5 | true | true |
3.1415 | true | true |
10 | true | true |
100 | true | true |
true | false | |
[object Object] | false | false |
NaN | false | false |
null | true | false |
true | true | false |
Infinity | true | false |
undefined | false | false |
NaN (Not a Number)是一个数字数据类型,表明未定义(undefined )或无法表示(unrepresentable )的值,尤其是浮点数计算值。
因此,isNaN(null) == false 在语义上是正确的,因为null不是NaN(事实上null、ture/false等等会先转为数字0)。但是如果用!isNaN()来判断传入的值可否转换为数字,又不大恰当。而Javascript另一种方式 typeof num == 'number' 则无法检测字符串情况。因此如果不使用 jQuery $.isNumeric(),则最好还是重写一个方法判断,比如用正则来判断或者:
function isNumeric(obj) { return !isNaN(parseFloat(obj)) && isFinite(obj); }
相关文章推荐
- 8 个最好的 jQuery 树形 Tree 插件
- jquery 旋转图片 功能
- jQuery万能浮动框插件测试
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
- 清空file文件上传域jquery与js方法
- 10个用来处理键盘事件的JQuery插件和JS类库
- 10+个方便,可重复使用的jQuery代码片段
- 10款设计精巧的jQuery/CSS3插件
- 转:精心挑选的12款优秀 jQuery Ajax 分页插件和教程
- Jquery UI dialog 详解 (中文)
- JQuery操作元素的属性与样式及位置
- 表单验证jquery.validate.js学习
- ajax请求,返回的数据不看不到,回调函数没有执行
- jquery prop 是什么意思?
- jquery加入收藏代码
- 项目总结—jQuery EasyUI-Tree使用
- jquery悬浮在右侧的在线客服代码
- 优酷电视剧频道jQuery焦点图
- jquery parent()
- jQuery插件AjaxFileUpload实现ajax文件上传