javascript如何判断是否数字
时间:2021-04-20 来源:互联网
今天PHP爱好者为您带来javascript判断是否数字的方法:1、使用【isNaN()】函数,是js自带的全局函数;2、使用正则表达式;3、利用【parseFloat()】的返回值。希望对大家有所帮助。
本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。
javascript判断是否数字的方法:
方法1:使用isNaN()函数
isNaN()函数是js自带的全局函数,isNaN() 函数用于检查其参数是否是非数字值。
如果 值x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true;如果 值x 是其他值,则返回 false。
isNaN()的缺点就在于 null、空格以及空串会被按照0来处理
NaN: Not a Number
<script>
document.write(isNaN(123)); //数字 ----false
document.write(isNaN(-1.23)); //数字 ----false
document.write(isNaN(5-2)); //数字 ----false
document.write(isNaN(0)); //数字 ----false
document.write(isNaN("Hello")); //字符串 ----true
document.write(isNaN("2005/12/12")); //字符串----true
</script>
缺点:isNaN()会将 null、空格以及空串按照0来处理,所以检查不严谨。
所以用加工一下,和typeof运算符一起使用。
示例:
// true:数值型的,false:非数值型
function myIsNaN(value) {
return (typeof value === 'number' && !isNaN(value));
}
myIsNaN(10); ----true
myIsNaN(null); ----false
myIsNaN( ); ----false
myIsNaN(); ----false
注意:如果是 ‘36.3’,typeof value === ‘number’,会返回false,如果想字符串类型的数字也返回true,可以用下面的方法3
方法2:使用正则表达式
(1)、校验只要是数字(包含正负整数,0以及正负浮点数)就返回true
/**
* 校验只要是数字(包含正负整数,0以及正负浮点数)就返回true
**/
function isNumber(val){
var regPos = /^[0-9]+.?[0-9]*/; //判断是否是数字。
if(regPos.test(val) ){
return true;
}else{
return false;
}
}
(2)、校验正负正数就返回true
/**
* 校验正负正数就返回true
**/
function isIntNum(val){
var regPos = / ^\d+$/; // 非负整数
var regNeg = /^\-[1-9][0-9]*$/; // 负整数
if(regPos.test(val) && regNeg.test(val)){
return true;
}else{
return false;
}
}
方法3:利用parseFloat()的返回值
parseFloat() 函数可解析一个字符串,并返回一个浮点数。
该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。
用法:将参数中指定的字符串解析成为一个浮点数字并返回。
/**
* 验证数据 是数字:返回true;不是数字:返回false
**/
function Number(val) {
if (parseFloat(val).toString() == "NaN") {
return false;
} else {
return true;
}
}
isNaN(val)
不能判断空串或一个空格
如果是一个空串、空格或null,而isNaN是做为数字0进行处理的,
而parseInt与parseFloat是返回一个错误消息,这个isNaN检查不严密而导致的。以上就是javascript如何判断是否数字的详细内容,更多请关注php爱好者其它相关文章!
-
雪崩效应是什么意思 雪崩效应的原理及应用 雪崩效应的算法有哪些 2024-11-28
-
永劫无间手游开麦方法分享 2024-11-28
-
永劫无间手游体力和精力区别介绍 2024-11-28
-
入侵检测系统和入侵防御系统的区别 入侵检测系统和防火墙的区别 2024-11-28
-
剑与远征2启程英雄进阶消耗表 2024-11-28
-
剑与远征2启程英雄升阶方法详解 2024-11-28