终于弄懂了 == 操作符规则和不同类型间转换规则

前端

2023-12-10 17:29:30

操作符规则

== 和 === 是JavaScript中常用的比较运算符。它们的作用都是比较两个值是否相等。但是，它们之间存在着一些重要的区别。

== 比较运算符 ：== 比较运算符会先尝试将两个值转换为相同的数据类型，然后再进行比较。如果两个值的数据类型不同，== 运算符会根据以下规则进行类型转换：
- 如果其中一个值是数字，另一个值是字符串，则字符串会被转换为数字。
- 如果其中一个值是布尔值，另一个值是字符串，则字符串会被转换为布尔值。
- 如果其中一个值是对象，另一个值是字符串，则对象会被转换为字符串。
=== 严格比较运算符 ：=== 严格比较运算符不会进行任何类型转换。它会直接比较两个值是否相等。如果两个值的数据类型不同，=== 运算符将返回 false。

不同类型间转换规则

在== 比较运算符的类型转换过程中，会遵循以下规则：

数字和字符串 ：如果其中一个值是数字，另一个值是字符串，则字符串会被转换为数字。例如，"1" == 1 将返回 true。
布尔值和字符串 ：如果其中一个值是布尔值，另一个值是字符串，则字符串会被转换为布尔值。例如，"true" == true 将返回 true。
对象和字符串 ：如果其中一个值是对象，另一个值是字符串，则对象会被转换为字符串。例如，({ name: "John Doe" }) == "John Doe" 将返回 true。

举例说明

为了更好地理解== 和 === 操作符的区别，我们来看几个例子：

console.log(1 == "1"); // true
console.log(1 === "1"); // false
console.log(true == "true"); // true
console.log(true === "true"); // false
console.log({ name: "John Doe" } == "John Doe"); // true
console.log({ name: "John Doe" } === "John Doe"); // false