JavaScript中==与===的区别详解

==与===运算符概述

==与===均为JavaScript中的相等运算符，但二者存在本质差异。==表示相等，===表示严格相等，具体区别将在下文详细阐述。

• =是赋值运算符。
• ==用于判断是否相等，它忽略数据类型，仅比较值的大小。
• ===用于判断是否相等，它先比较值，若值相等再比较数据类型，即进行带有类型信息的比较。

==相等运算符的类型转换规则

==相等运算符的行为

比较两个值时存在两种情况：若类型相同，直接比较；若类型不同，则尝试转换为相同类型后再比较。第一种情况较为直观，第二种情况的类型转换规则较为复杂，下文将逐一列举。

数字与字符串的比较

99 == ''99"

结果会是True还是False？

结果为True。在JavaScript中，当数字与字符串比较时，字符串会被转换为数字，随后对两个数字进行比较。例如：

99 == "chuichui"

JavaScript是如何进行转换的？

99 == NaN // false

JavaScript尝试将字符串'chuichui'转换为数字，由于该字符串无法转换为有效数字，转换结果为NaN。

布尔值与其他类型的比较

当布尔值与其他类型比较时，JavaScript会将布尔值转换为数字，然后进行比较。例如：

1 == true ↓↓↓↓↓↓ 1 == 1

JavaScript会将true转换为数字1，再进行比较。那么"1" == true又是如何比较的呢？

"1" == true ↓↓↓↓↓↓ "1" == 1 ↓↓↓↓↓↓ 1 == 1 // true

转换顺序如下：

1. 将true转换为1
2. 将字符串“1”转换为数字1
3. 比较数字1和数字1

null与undefined的比较

null == undefined

结果是True还是False？

结果为True。这看似奇怪，但规则如此。可以理解为两者都代表“没有值”，尽管一个是空值的变量，一个是空值的对象，因此它们被视为相等。

注意事项

有一些转换可能出乎意料，需要特别注意。

false == "" True？False？

结果为True。转换过程如下：

1. false转化为0
2. 空字符串""转换为0，没错就是0！
3. 比较数字0和数字0

===严格相等运算符的规则

接下来讨论严格相等===。

===严格相等运算符

基于前面的理解，严格相等意味着类型和值必须完全相同，不存在上述的类型转换问题。

总结

总结

操作数1 == 操作数2，操作数1 === 操作数2

比较过程：

双等号==：

（1）如果两个值类型相同，则进行三个等号(===)的比较。

（2）如果两个值类型不同，也可能相等，需根据以下规则进行类型转换后再比较：

1）如果一个是null，一个是undefined，那么相等。

2）如果一个是字符串，一个是数值，将字符串转换成数值后再进行比较。

三等号===：

（1）如果类型不同，则一定不相等。

（2）如果两个都是数值，且为同一个值，则相等；如果其中至少一个是NaN，则不相等。（判断一个值是否是NaN，只能使用isNaN( )来判断）。

（3）如果两个都是字符串，且每个位置的字符都一样，则相等，否则不相等。

（4）如果两个值都是true，或是false，则相等。

（5）如果两个值都引用同一个对象或是函数，则相等，否则不相等。

（6）如果两个值都是null，或是undefined，则相等。

到此这篇关于JS中==、===的文章就介绍到这了，更多相关JS中==、===内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站。