JavaScript如何判断参数为浮点型

时间:2024-12-18 22:05:50

  在codewars里,确实可以学到很多很酷的方法,例如这一次的题目是判断数字是否为浮点型。我一开始是想有没有原生的js方法,像isNaN(),isFinite(),在前者Infinity是不属于NaN的,会返回false,所以有些时候并不好用。而后者则是判断是否为有效数字,包括无穷值和非数字的都会返回false。好啦,大概聊这么多也可以知道,js在某些地方还是提供了很多很好的全局函数供我们使用,但是却没有判断是否为浮点型的这一种方法。

  因为我第一次遇到这个问题,脑袋确实不灵光,于是就想到用正则的方法来筛选出整数。然后使用Reg对象的test来返回布尔值,我们大概可以看看正则表达式的整数。

  JavaScript如何判断参数为浮点型

  首先包揽正负号,然后因为存在(.23)这样的形式,所以使用 \d* 再转义\. 最后任意数字结尾即可。虽然说起来这么简单,可是一堆火星文,谁看到谁头疼啊,对不。这么糟粕的方法,怎么维护呢。但是我真的想不到什么巧妙的方法,只好提交的答案。然后看到大神的各种方法。


  第一种就是通过位运算,也就是JavaScript的与&, 或|,非~。大致说一下,这里是根据计算机的二进制32位来进行运算的,最后一位是决定正负的符号位,正为0,负为1。

  举个例子,一个数字5,是0101。一个数字6,便是0110。

  1. 若5&6,则会根据与逻辑表,得到一个新的二进制0100,所以就是数字4。
  2. 若5|6,根据或逻辑表,得到一个新的二进制0111,所以是数字7。
  3. 若~5,则会返回 -num-1,所以~5就是-6。

  没有试过的同学,有兴趣的大家可以自己尝试一下。好,不跑题了那我说这个为了什么呢?试想一下如果我们对一个整型数字 ~~int,最后应该还是int对吧。但是如果是浮点型呢?~float,则数字会忽略小数位。所以我们~1.23 => -2,然后~-2 => 1,那这样就可以快速分清楚哪些是浮点型,哪些是整型了。根据这个特性,我们试验一下。

  JavaScript如何判断参数为浮点型

  这个看起来就简洁多啦,而且因为进行的是底层的位运算,效率也十分的高。


根据对数字对1求模的特性来判断,这个方法也是非常的妙!这个是什么意思呢?

  正常来说,int % 1 === 0,但若是float % 1,却不再是0了,对吧!所以根据特性我们可以用下面的这种方法。

  JavaScript如何判断参数为浮点型


  根据隐性转换,巧妙变化。这个巧妙之处,不必多说,直接看代码吧。

  JavaScript如何判断参数为浮点型

  这是利用了JavaScript灵活的隐性转化,若为整数,则"23.0" == 23是可以的,而浮点型则会真正成为带有两个.的字符串。非常巧妙吧!

  看完这几种方法,再回头看看我的正则表达式,不忍直视啊!这不能算是奇淫巧计吧,多积累一下这些或许再某些地方可以帮到大家!

  写完之后才发现了一个好方法,当时竟然想不到。n != parseInt(n);