JavaScript中 == 和 === 的区别

发布时间 2023-05-26 21:52:42作者: 泠风lj

1. 概念上

JS 中 == 是相同的意思,=== 代码严格相同

 

(1)操作数1 == 操作数2:也就是进行双等号比较时,先检查两个操作数的数据类型,如果相同,就进行 === 的比较,如果不同,则进行一次类型转换,转为相同类型后再进行比较

比较过程:

a)如果两个值类型相同,再进行三个等号的比较

b)如果两个值类型不同,这样也还是有可能相等的,因为

如果一个操作数是null,一个是操作数是undefined,就相等

如果一个是字符串,一个是数值,那么把字符串转为数值后再进行比较

(2)操作数1 === 操作数2:进行比较时,如果类型不同,直接就是false

比较过程

a)如果类型不同,就一定不相等

b)如果两个都是数值,并且是同一个值,那么就相等

     如果其中一个至少为NaN,那么就不相等(这里判断一个值是否是NaN,使用isNaN()来判断)

c)如果两个都是字符串,每个位置的字符都一样,那么相等,否则不相等

d)如果两个值都是true,或是false就相等

e)如果两个值都是引用同一个对象或是函数,那么相等,否则不相等

f)如果两个值都是null,或是undefined,那么相等


2. 代码上

(1)数字9和字符9的比较

<script>
//数字9 和 字符9 进行比较
//这里发生类型转换 因此返回true
document.write(9 == '9');
document.write('<br>');
//直接先看类型,类型不同直接返回false
document.write(9 === '9');

</script>
 

(2)字符串文字和字符串对象进行比较

 

<script>
// 字符串对象类型转换为字符串文字
// 返回true
document.write('hello' == new String('hello'));
document.write('<br>');
// 直接比较类型
document.write('hello' === new String('hello'));
</script>

  

(3)布尔类型与字符串进行比较

<script>
//字符1被转换为true,返回true
document.write(true == '1');
//数字1被转为true,返回true
document.write(true == 1);
document.write('<br>');
//直接就比较类型
document.write(true === '1');
document.write(true === 1);

</script>