数字类型的用法
(1)、传统写法
在ES5中,我们存在几个全局函数isNaN函数,isFinite函数,parseInt函数,
parseFloat函数等,对于这些全局函数的使用很简单,就拿isNaN函数来举例。
console.log(isNaN(NaN));
console.log(isNaN(undefined));
console.log(isNaN(false));
console.log(isNaN(null));
// 1、Number.isNaN函数:用于判断传入的是否是非数值,(NaN)(不会隐式类型转换)
console.log(Number.isNaN(NaN));
console.log(Number.isNaN(false));
console.log(Number.isNaN(undefined));
console.log(Number.isNaN('14'));
console.log(Number.isNaN(true));
// 2、Number.isFinite函数:用来检查一个数值是否非无穷。(有限的) 有限的 返回true(不会隐式类型转换)
// 先判断是否为数字类型,如果不是数字类型直接返回false
console.log(Number.isFinite(1.2222222222222));
console.log(Number.isFinite(Math.PI));
console.log(Number.isFinite(false));
console.log(Number.isFinite(NaN));
// 3、Number.parseInt函数 parseInt函数:解析一个字符串,返回一个整数。
console.log(parseInt(1.123213));
console.log(parseInt('1.123'));
console.log(parseInt(false));
console.log(parseInt(null));
console.log(Number.parseInt(1.345));
console.log(Number.parseInt('1.345'));
console.log(Number.parseInt(false));
// 4、Number.isInteger函数:用来判断是否是整数。(不会隐式类型转换)
console.log(Number.isInteger(2.34));
console.log(Number.isInteger(3));
console.log(Number.isInteger(false));
console.log(Number.isInteger(4.000000));
// 5、 Math.trunc函数:用于去除一个数的小数部分,返回整数部分。
console.log(Math.trunc(1.124));
console.log(Math.trunc(12));
console.log(Math.trunc(false));
console.log(Math.trunc(undefined));
console.log(Math.trunc(null));
// 6、Math.sign函数:用来判断一个数到底是正数 1、负数 -1、还是零 0。
console.log(Math.sign(7));
console.log(Math.sign(-3));
console.log(Math.sign(0));
console.log(Math.sign(false));
console.log(Math.sign(NaN));
console.log(Math.sign(null));
console.log(Math.sign(true));
以上两种写法均可,isNaN是全局函数,本身就是属于window对象下的一个
方法,所以大部分人会使用第一种写法。
但是在ES6的标准中,isNaN方法被移植到了Number对象上,也就是原本属
于全局对象window下的函数,现在属于Number对象上了,同样被处理的函数还
有isFinite函数,parseInt函数,parseFloat函数。
(2)、Number.isNaN函数
Number.isNaN函数:用于判断传入的是否是非数值,注意:是判断非数值,而
不是判断数值,IsNaN的全称是:isnotanumber。
由于2.5是一个number类型的数值,所以返回false(再次注意:判断是非数
值,所以是false,表示2.5是一个数值类型的值)。
那么,移植到Number对象isNaN函数和原本是全局函数的isNaN函数,有不
一样的地方吗?传统的isNaN函数会把非数值的参数转化成数值再进行判断,而
Number.isNaN只对数值类型有效,非数值类型的参数一律返回false。
Number下面的isNaN都懒得给字符串’abc’做类型转换,直接返回false。而
ES5中的isNaN函数会对字符串’abc’进行类型转换后,发现它是一个NaN(非数
值),才返回true。
所以我们在使用这个函数到时候还要小心,当返回false的时候,不一定就是
一个数值,有可能是一个非数值类型的参数。
(3)、Number.isFinite函数
Number.isFinite函数:用来检查一个数值是否非无穷。注意是判断非无穷,不
是判断无穷,这里跟isNaN函数一样,有点绕。注意第二行代码的参数:Infinity,Infinity是window对象下的一个常量,表示
一个无穷数。所以第二行代码会返回false。此外,isFinite函数跟isNaN函数一样,
也只是对数值类型有效,对非数值类型的参数一律返回false。
所以同样要注意,当Number.isFinite函数返回false的时候,参数不一定就是
一个有穷的数值类型,也有可能是一个非数值类型的参数。如:字符串’abc’。
(4)、Number.parseInt函数
parseInt函数:解析一个字符串,返回一个整数。parseInt函数同样是从window
对象下移植到Number对象下,但是它的作用没有任何变化。以上函数都是在window对象下,移植到了Number对象下,这么做的目的是慢慢地减少全局性的函数,把全局函数合理地规划到其他对象下,渐渐实现语言的模块化。
(5)、Number.isInteger函数
Number.isInteger函数:用来判断是否是整数。数值3.2不是整数,返回false。不过有一点要
注意:在javascript内部对整数和浮点数采用一样的存储方式,因此小数点后如果
都是0的浮点数,都会被认为是整数。数值3.0和3.00都会被认为是整数。
(6)、Math.trunc函数
Math.trunc函数:用于去除一个数的小数部分,返回整数部分。运行结果也很好理解,如果传入的参数是整数,就直接返回整数,如果是小数,
就去除了小数部分,返回整数部分:3
(7)、Math.sign函数
Math.sign函数:用来判断一个数到底是正数、负数、还是零。返回的结果类型有点多,我们分别来讲解一下,参数如果是正数,结果返回1;
如果是负数,结果返回-1;如果是0,结果返回0;如果是一个非数值类型的参数,
结果返回:NaN