JavaScript中 == 和 === 的区别
<script>
//字符1被转换为true,返回true
document.write(true == '1');
//数字1被转为true,返回true
document.write(true == 1);
document.write('<br>');
//直接就比较类型false false
document.write(true === '1');
document.write(true === 1);
</script>
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>');
// 直接比较类型false
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>