美文网首页
[JavaScript基础] JavaScript中的判断

[JavaScript基础] JavaScript中的判断

作者: 兰兰笑笑生 | 来源:发表于2016-12-11 22:22 被阅读73次

1. == 与 === 的区别

== (equality 等同)两边值类型不同的时候,要先进行类型转换,再比较。
=== (identity 恒等)不做类型转换,类型不同的一定不等。

"==="严格运算符的运算规则

(1)不同类型值 : 如果两个值的类型不同,直接返回false。

(2)同一类的原始类型值 : 同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。

(3)同一类的复合类型值 : 两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。

(4)undefined和null : undefined 和 null 与自身严格相等,它们互相比较时结果为false , 这是与==不同的地方。

(5) NaN :NaN与其它符号对比都返回false,判断两个NaN时返回的是false,所以只能用isNaNObject.is()来判断

null === null  //true
undefined === undefined  //true

当然,严格相等运算符 === 也不会对操作数进行类型转换,但是它会把 -0 和 +0 这两个数值视为相同的,还会把两个 NaN 看成是不相等的

"=="严格运算符的运算规则

"=="相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。类型转换规则如下:

数据类型 转换成true的取值 转换成false的取值
Undefined undefined
Boolean true false
Object 非null时都为true null
Number 非0和NaN时都为true 0和NaN
String 非空字符串 ""(空字符串)

(1)原始类型的值 : 原始类型的数据会转换成数值类型再进行比较。字符串和布尔值都会转换成数值。基本类型的值转换成布尔型时的规则:

数据类型 转换成true的取值 转换成false的取值
Undefined undefined
Boolean true false
Object 非null时都为true null
Number 非0和NaN时都为true 0和NaN
String 非空字符串 ""(空字符串)

(2)对象与原始类型值比较 : 对象(这里指广义的对象,包括数值和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。对象转换成基础类型,利用它的toString或者valueOf方法。js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。

(3)undefined和null : undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。

(4)相等运算符的缺点 : 相等运算符隐藏的类型转换,会带来一些违反直觉的结果。

(5) NaN :NaN与其它符号对比都返回false,判断两个NaN时返回的是false,所以只能用isNaNObject.is()来判断

2. Object.is()

用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。如果没有元素符合,或者表达式无效,都返回'false'。

Object.is() 会在下面这些情况下认为两个值是相同的:

  • 两个值都是 undefined
  • 两个值都是 null
  • 两个值都是 true 或者都是 false
  • 两个值是由相同个数的字符按照相同的顺序组成的字符串
  • 两个值指向同一个对象
  • 两个值都是数字并且
    • 都是正零 +0
    • 都是负零 -0
    • 都是 NaN
    • 都是除零和 NaN 外的其它同一个数字

Object.is()=== 的区别 : Object.is()对比两个NaN时返回true, Object.is()判断+0 -0时返回false , 而===则相反。

3. 三个判断符号之间的区别

imageimage

4.例子:

'' == '0'           // false
0 == ''             // true
0 == '0'            // true

false == 'false'    // false
false == '0'        // true

false == undefined  // false
false == null       // false
null == undefined   // true

' \t\r\n ' == 0     // true
这就是为什么建议尽量不要使用相等运算符。

var a = undefined;
if(!a){
    console.log("1"); //1
}
var a = undefined;
if(a == null){
    console.log("1"); //1
}
var a = undefined;
if(a === null){
    console.log("1"); //无输出
}


Object.is('foo', 'foo');     // true
Object.is(window, window);   // true

Object.is('foo', 'bar');     // false
Object.is([], []);           // false

var test = { a: 1 };
Object.is(test, test);       // true

Object.is(null, null);       // true

// 特例
Object.is(0, -0);            // false
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

相关文章

网友评论

      本文标题:[JavaScript基础] JavaScript中的判断

      本文链接:https://www.haomeiwen.com/subject/ivnpmttx.html