js判断是否变量是否为数字

js判断是否变量是否为数字

一、问题点

1. 数字不一定是number类型，也有可能是字符串类型的数字
2. 一些判断会将null转化为0来处理，从而出现逻辑错误

二、解决

1. 正则

let num = '123';
const reg = /^[+-]?\d*(\.\d*)?(e[+-]?\d+)?$/; // 可以判断正负整数、浮点和科学计数法
reg.test(num);

​ 正则判断能够避过问题点的1、2问题

2.逻辑且判断（适用大多数场景）

let num = '123';
!isNaN(parseFloat(num)) && isFinite(num);

1. !isNaN(parseFloat(num)) : parseFloat方法会把所有类型都转为浮点型解决1问题，而null会被parseFloat方法转换成NaN,然后通过!isNaN() 来将不是数字类型的结果返回false。
   但是parseFloat又带来了一个问题：当字符串以123一类的数字开头后面如果有abc之类的字符该方法只会返回遇到非字符之前的部分，也就是’123asd123sss‘会返回123从而出现逻辑判断错误，因此增加了后面的判断。
2. isFinite(num): 这个方法是判断参数是否无穷大。当参数中含有非数字时，该方法直接返回false。但是这个方法也存在一定弊端：因为计算机计算位数有限，假如值为2e10000，该方法也会返回false(但一般业务逻辑应该也不会有这种数字吧=.=，至少我还没遇到过)。但这个方法可能也存在一定问题，菜鸟教程该方法中注释写了在更强壮的Number.isFinite(‘0’)中将会得到false(不解=.)。

3.总结

​ 数字的判断因为问题1.2的存在所以也没有想象中一个方法判断就能解决那么简单。上述两个方法参考了其他大佬的内容，自己又做了下总结。

参考链接：https://blog.csdn.net/qq_23365135/article/details/123833406