!isNaN(parseFloat(value)) && isFinite(value)
这其实是jquery中$.isNumeric的源码,多么简洁且优雅。
接下来我们看看它的原理,我们以字符串123abc为例,我们应该得到false。
parseFloat(‘123abc’)得到123;
!isNaN(123)得到true;
isFinite(‘123abc’)得到false;
最终结果为false。
单独使用!isNaN(parseFloat(value))会将123abc当成数值,所以用isFinite额外判断一次,isFinite的另一个作用是排除无穷数。
!isNaN(parseFloat(Infinity)); // true
!isNaN(parseFloat(Infinity)) && isFinite(Infinity); // false
而且,因为parseFloat的解析是纯字符串解析,没有类型转换,所以不会将null、true、false、''当成数值。
!isNaN(parseFloat(null)) && isFinite(null); // false
!isNaN(parseFloat(true)) && isFinite(true); // false
!isNaN(parseFloat(false)) && isFinite(false); // false
!isNaN(parseFloat('')) && isFinite(''); // false