JavaScript "===" 与 "==" 的区别

举报
福州司马懿 发表于 2021/11/19 03:39:55 2021/11/19
【摘要】 “===”叫做严格运算符,”==”叫做相等运算符。 严格运算符的运算规则如下: 不同类型值 如果两个值的类型不同,直接返回false。同一类的原始类型值 同一类型的原始类型的值(数值、字符串、布尔...

“===”叫做严格运算符,”==”叫做相等运算符。

严格运算符的运算规则如下:

  • 不同类型值
    如果两个值的类型不同,直接返回false。
  • 同一类的原始类型值
    同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。
  • 同一类的复合类型值
    两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。
  • undefined和null
    undefined 和 null 与自身严格相等。
null === null           //true
undefined === undefined //true
null == undefined       //false
  
 
  • 1
  • 2
  • 3

相等运算符的运算规则如下:

  • 相同类型的数据
    比较规则与严格相等运算符完全一样
  • 不同类型的数据
    相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。
    • 原始类型的值
      • 原始类型的数据会转换成数值类型再进行比较。字符串和布尔值都会转换成数值。
    • 对象与原始类型值比较
      • 对象(这里指广义的对象,包括数值和函数)与原始类型的值比较时,会将对象转化成原始类型的值,再进行比较。
    • undefined和null
      • undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。undefined == null; //true

相等运算符不一定具有”传递性”

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

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

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

'' == 0             // true
' ' == 0            // true
' \t\r\n ' == 0     // true
  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

相等运算符可能带来负面的影响

var a = undefined;
if(!a) {
    console.log(a); //输出 undefined
}
if(a == null) {
    console.log(a); //输出 undefined
}
if(a === null) {
    console.log(a); //无输出
}
  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

如果你覆写某个对象的 valueOf/toString 的话,相等运算符就可能会产生副作用

Array.prototype.valueOf = function() {
    this[0]++;
    return this;
}
Array.prototype.toString = function() {
    this[0]++;
    //由于Js中不能调用被覆盖之前的方法,所以必须自己实现
    var str = "["
    for(var i=0; i<this.length; i++) {
        str += this[i];
        if(i != this.length -1) {
            str += ", ";
        }
    }
    str += "]";
    return str;
}
var x = [1, 2, 3];
x == 0;
console.log(x);   // [3, 2, 3]
  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

严格运算符比相等运算符效率高

由于严格运算符不需要进行类型转化,因此节省时间,能用严格运算符比较的地方就尽量用严格运算符来比较。

文章来源: blog.csdn.net,作者:福州-司马懿,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/chy555chy/article/details/54233242

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。