js == 与 === 的区别

本文详细解释了JavaScript中===和==运算符在比较值时的不同规则,包括数值、字符串、布尔值、null、undefined以及对象的比较方式。
[size=medium]”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。
下面的规则用于判定===运算符比较的两个值是否相等的判断条件
•如果两个值的类型不同,它们就不相同。
•如果两个值是数字,而且值相同,那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同,包括它自身(奇怪的家伙),要检测一个值是否是NaN,可以使用全局函数isNaN()。
•如果两个值都是字符串,而且在串中同一位置上的字符完全相同,那么它们就完全等同。如果字符串的长度或内容不同,它们就不是等同的。
•如果两个值都是布尔型true,或者两个值都是布尔型false,那么它们等同。
•如果两个值引用的是同一个对象、数组或函数,那么它们完全等同。如果它们引用的是不同的对象(数组或函数),它们就不完全等同,即使这两个对象具有完全相同的属性,或两个数组具有完全相同的元素。
•如果两个值都是null或都是undefined,它们完全相同。

下面的规则用于判定==运算符比较的两个值是否相等的判断条件
•如果两个值具有相同的类型,那么就检测它们的等同性。如果这两个值完全相同,它们就相等。如果它们不完全相同,则它们不相等。
•如果两个值的类型不同,它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性 ◦如果一个值是null,另一个值是undefined,它们相等。
•如果一个值是数字,另一个值是字符串,把字符串转换为数字,再用转换后的值进行比较。
•如果一个值为true,将它转化为1,再进行比较。如果一个值为false,把它转化为0,再进行比较。
•如果一个值是对象,另一个值是数字或字符串,将对象转换成原始类型的值,再埋比较。可以使用对象的toString()方法或valueOf()方法把对象转化成原始类型的值。JavaScript核心语言的内部类通常先尝试valueOf()方法转换,再尝试toString()方法转换,但是对于Date类,则先执行toString()方法再执行valueOf()方法转换。不属于JavaScript核心语言的对象则可以采用JavaScript实现定义的方式把自身转换成原始数值。
•其他的数值组合是不相等的。[/size]
在 JavaScript 中,`==` 和 `===` 是用于比较两个值是否相等的操作符,但它们在行为上有显著区别,主要体现在类型转换的处理上。 ### 宽松相等(`==`) `==` 操作符在比较两个值时,会根据一组规则尝试将操作数转换为相同的类型,然后再进行比较。例如: - 如果一个操作数是字符串,另一个是数字,字符串会被转换为数字再进行比较。 - 如果一个操作数是布尔值,它会被转换为数字(`true` 转换为 `1`,`false` 转换为 `0`)后再比较。 - 如果一个操作数是对象,另一个是原始类型(如数字或字符串),对象会通过 `valueOf()` 或 `toString()` 方法转换为原始类型再进行比较。 - 如果一个操作数是 `null`,另一个是 `undefined`,它们被认为是相等的[^2]。 以下是一些使用 `==` 的示例: ```javascript console.log(5 == "5"); // true,字符串转换为数字后比较 console.log(true == 1); // true,布尔值转换为数字后比较 console.log(null == undefined); // true,null 和 undefined 被视为相等 ``` ### 严格相等(`===`) `===` 操作符在比较两个值时,不会进行类型转换。只有当两个值的类型和值都相同时,才会返回 `true`。如果类型不同,直接返回 `false`,不会尝试转换类型[^1]。 以下是一些使用 `===` 的示例: ```javascript console.log(5 === "5"); // false,类型不同(数字 vs 字符串) console.log(true === 1); // false,类型不同(布尔值 vs 数字) console.log(null === undefined); // false,类型不同(null vs undefined) ``` ### 特殊情况 - `NaN` 在使用 `==` 或 `===` 进行比较时,总是返回 `false`,即使两个操作数都是 `NaN`。例如: ```javascript console.log(NaN == NaN); // false console.log(NaN === NaN); // false ``` 判断一个值是否为 `NaN` 的正确方法是使用 `isNaN()` 函数或 `Number.isNaN()` 方法[^3]。 - 对于对象的比较,无论是使用 `==` 还是 `===`,只有当两个操作数引用同一个对象时,才会返回 `true`。例如: ```javascript const obj1 = { a: 1 }; const obj2 = { a: 1 }; const obj3 = obj1; console.log(obj1 == obj2); // false,两个不同的对象 console.log(obj1 === obj3); // true,引用同一个对象 ``` ### 使用场景 - **推荐优先使用 `===`**:为了避免类型转换带来的不可预测性,通常推荐使用 `===`,因为它更直观且不会引发类型转换的副作用。 - **使用 `==` 的场景**:在某些情况下,如果明确希望进行类型转换,可以使用 `==`,但应谨慎使用,并确保理解其转换规则。 ### 总结 - `==` 允许类型转换,在比较时会尝试将操作数转换为相同类型后再进行比较。 - `===` 不允许类型转换,只有当类型和值都相同时才会返回 `true`。 - 对于 `NaN` 和对象的比较,两者的行为一致,但需要注意 `NaN` 永远不等于自身。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值