javascript中==和===的区别以及使用场景_javascript何时用==何时用===-CSDN博客

本文链接：https://blog.csdn.net/misstianyun/article/details/142304048

在 JavaScript 中，== 和 === 是用于比较值的两个运算符，但它们有显著的区别。

1. `==`（宽松相等/非严格相等）

== 是 宽松相等运算符，它会在比较时进行 类型转换。这意味着，如果两个值的类型不同，它会尝试将其中一个值转换为与另一个值相同的类型，然后再进行比较。

使用示例：

console.log(5 == '5');   // true
console.log(true == 1);  // true
console.log(null == undefined); // true
console.log(NaN == NaN); // false
console.log([] == false);  // true
console.log({} == 1); // false
console.log({a:1} == 1); // false
console.log({valueOf:function() {return 1}} == 1); // true
let obj1 = {name: 'a'};
let obj2 = {name: 'a'};
let obj3 = obj1;
console.log(obj1 == obj2); // false
console.log(obj1 == obj3); // true

在这些例子中，== 会自动进行类型转换：

5 == '5'：字符串 '5' 被转换为数字 5，然后再比较。
true == 1：true 被转换为 1，然后比较。
null == undefined：在 == 比较中，null 和 undefined 被认为相等。
NaN == NaN：在 == 比较中，NaN和任何值都不相等。
[] == false：空数组 [] 会转换为布尔值 false，然后再进行比较。
如果两个操作数都是对象，则比较它们是不是同一个对象。如果两个操作数都指向同一个对象，则相等。

适用场景：

== 一般用于不特别关心数据类型的情况下，例如：

处理来自用户输入的值（例如，字符串或数字形式的输入）。
希望简单地比较一些可能不同行但逻辑上等价的值。

但由于自动类型转换可能导致难以预期的结果，通常建议避免使用 ==，尤其是在代码的可读性和健壮性要求较高的情况下。

2. `===`（严格相等）

=== 是 严格相等运算符，它不仅要求值相等，还要求类型相同。如果两个值的类型不同，=== 会直接返回 false，不会进行类型转换。

使用示例：

console.log(5 === '5');   // false
console.log(true === 1);  // false
console.log(null === undefined); // false
console.log(NaN === NaN); // false
console.log([] === false);  // false
console.log({} === 1); // false
console.log({a:1} === 1); // false
console.log({valueOf:function() {return 1}} === 1); // false
let obj1 = {name: 'a'};
let obj2 = {name: 'a'};
let obj3 = obj1;
console.log(obj1 === obj2); // false
console.log(obj1 === obj3); // true