javaScript中的数字类型以及面试题的细节知识

JS数字类型详解

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6

js底层逻辑专栏收录该内容

3 篇文章

订阅专栏

本文深入解析JavaScript中的数字类型，包括新增的NaN、Infinity及其特性。介绍isNaN方法的使用及其实现方式，探讨数字类型的强弱转换方法，并通过实例演示如何处理非数字值。

对于其他语言来说，js中的数字类型，新增了两种类型：NaN,[Infinity(正无穷),-Infinity(负无穷);

Infinity跟-Infinity在计算机中也算是一个固定的数值，虽然是无穷大，但计算机没有概念，Infinity是比Infinity+1小的，这一点要注意一下。

NaN翻译过来是：不是一个有效数字，但他也是一个数字类型，它不等于任何值，所以就出现了一个方法，就是isNaN，isNaN是判断这个变量是否为NaN的。

在判断的过程中，isNaN会隐式的调用Number()，进行判断一下，如果值是NaN，就返回true，不是就返回false。
原生实现isNaN写法：

function isNaN(num){
	num = Number(num) + "";
	if(num == "NaN"){
		return true;
	}else{
		return false;
	}
	//let determine = num == "NaN"?true:false;
	//return determine;;
}

这个方法是用字符串的方式进行判断这个值是不是NaN，也只能用这种方法了，因为任何数字类型的值都不等于NaN,包括NaN。

练习：

let res = parseFloat('left:100px;');
if(res == 200){
	alert(200);
}else if(res == NaN){
	alert(NaN);
}else if(typeof res === 'number'){
	alert('number');
}else{
	alert('Invalid Number');
}

强类型转换：Number();
弱类型转换：parseInt() 和 parseFloat();

Number：所有数字以字符串形式出现的，全部转换为数字；null跟空字符串转换为0；undefined转换跟普通字符串一样为NaN。(所有的隐式转换都是基于Number进行转换的)

parseInt:只识别字符串，从字符串的左侧开始查找，查找到非有效数字就停止查找，并返回之前查找到的数字，如果处理的不是字符串，会先转换成字符串再接着查找(parseInt跟parseFloat除了一个能识别一个小数点之外，其他规则没区别，这里以parseInt为例子)

parseInt("");        //NaN
Number("");         //0
isNaN("");          //false
parseInt(null);		//NaN
Number(null);		//0
isNaN(null);		//false
parseInt('12px');   //12
Number('12px');		//NaN
isNaN('12px');		//true
parseFloat("1.6.1px") + parseInt("1.2px") + typeof parseInt(null);   //1.6 + 1 + "number" => "2.6number"
isNaN(Number(!!Number(parseInt("0.8"))));   //false
typeof !parseInt(null) + !isNaN(null);      //"booleantrue"

这里如果基础不是很扎实的人要认真做！！！

双等规则：
(1).对象跟字符串比较，对象会转化为字符串，再进行比较。（字符串跟字符串比较是对应的ASCLL码进行比较）
(2).null跟undefined这两个分别不等于其他所有值，但是他们两个相等。
(3).剩下的两边不同类型的，都是转换成数字再进行比较。

Boolean值的转换

在转换成boolean值，除了0、NaN、null、undefined、"" 这五个值为false以外，其他值转换为boolea值都为true。

[] == false;      //true
![] == false;     //false

后面两道可能不是很容易懂，不过把双等的规则跟boolean转换的规则结合起来答案就出来了。还是不懂的下方评论。