![image](https://developer.qcloudimg.com/http-save/yehe-1209475/c9a891deea49e19d296daa44ddad8762.png)

## 前言

你好，我是喵喵侠，是一名前端开发。

在 JavaScript 的世界里，判断“相等”这件事有时候真的能把人气笑。你应该在各种面试题或者网络段子里见过这种代码：`[] == ![]`​ 居然是 `true`​，`NaN === NaN`​ 居然是 `false`。

刚开始学 JS 的时候，我经常被这些反直觉的特性搞得晕头转向。明明逻辑上觉得不对，但控制台就是告诉你“它是对的”。今天我们就来把这层窗户纸捅破，看看 JS 到底是怎么处理“相等”的，以及我们该怎么记忆和避坑。

## 那些反直觉的“案发现场”

我们先来看几个经典的“坑”，如果你能瞬间反应出结果并说出原因，那说明你的基础很扎实；如果犹豫了，那往下看准没错。

#### 场景一：宽松相等 (\=\=) 的魔幻现实

```javascript
console.log(false == '0'); // true
console.log(null == undefined); // true
console.log([] == ![]); // true
console.log({} == {}); // false
```

#### 场景二：严格相等 (\=\=\=) 的细微漏洞

```javascript
console.log(NaN === NaN); // false
console.log(+0 === -0); // true
```

是不是觉得离谱？特别是那个数组的比较，简直像是在变魔术。

## 刨根问底：为什么会这样？

JS 中主要有三套判断相等的逻辑，分别是：宽松相等（`==`​）、严格相等（`===`​）和同值相等（`Object.is`）。

### 1. 宽松相等 (\=\=) 与隐式类型转换

这是最容易出问题的部分。当使用 `==`​ 进行比较时，如果两边的类型不一样，JS 会非常“热心”地帮你做​**隐式类型转换**。

**它的核心规则其实就一条：想尽办法转成数字（Number）再比较。**

我们拆解一下 `[] == ![]` 这个面试题之王：

#### 第一步：处理右边的 ![]

逻辑非 `!`​ 的优先级很高。`[]`​ 是一个对象，转布尔值是 `true`​，所以 `![]`​ 变成了 `false`​。  
此时表达式变成了：`[] == false`。

#### 第二步：类型对齐

根据规则，布尔值和其他类型比较，会先把布尔值转数字。`false`​ 转数字是 `0`​。  
此时表达式变成了：`[] == 0`。

#### 第三步：对象转原始类型

左边的 `[]`​ 是对象，右边是数字。对象和数字比较，对象会调用 `valueOf()`​ 或 `toString()`​ 转成原始类型。空数组 `toString()`​ 得到空字符串 `""`​。  
此时表达式变成了：`"" == 0`。

#### 第四步：字符串转数字

字符串和数字比较，字符串转数字。空字符串 `""`​ 转数字是 `0`​。  
此时表达式变成了：`0 == 0`。

**结果：True。**

看明白了吗？这中间绕了四五个弯，全是因为 `==` 太过“智能”导致的。

### 2. 严格相等 (\=\=\=)

`===`​ 就老实多了，它不允许类型转换。如果类型不同，直接返回 `false`。这是我们在开发中 99% 的场景下应该使用的操作符。

但它有两个历史遗留问题（或者说是 IEEE 754 标准的问题）：

1. **NaN 不等于 NaN**：JS 认为 NaN 是一个“非数字”，它和谁都不相等，包括它自己。
2.  **+0 等于 -0**：在数学和大部分业务场景里这没问题，但在某些涉及符号位运算的场景里，这俩其实是不一样的。

### 3. 同值相等 (Object.is)

这是 ES6 引入的新方法，专门用来修复 `===` 的那两个小 Bug。

```javascript
Object.is(NaN, NaN); // true
Object.is(+0, -0); // false
```

它在判断机制上，除了处理 NaN 和 正负零，其他行为和 `===` 完全一致。

## 记忆与避坑指南

讲了原理，我们在实际写代码时怎么记忆呢？我总结了一套简单的逻辑。

### 避坑第一条：无脑用 \=\=\=

在业务代码里，​**永远优先使用**  **​`===`​** 。

不要为了省那点代码量去用 `==`，除非你非常清楚你在做什么。这样能帮你屏蔽掉 99% 的隐式类型转换带来的 Bug。

### 记忆特殊规则：Object.is

`Object.is`​ 是最“科学”的相等。React 的 hooks（比如 `useEffect`​ 的依赖数组对比）内部很多就是用类似 `Object.is` 的逻辑来判断依赖有没有变化的。如果你需要精确判断 NaN 或者区分正负零，用它。

### 怎么记 \=\= 的规则？

如果你非要用 `==`，或者面试被问到了，不需要死记硬背那个巨大的转换表，记住这两点就够了：

#### 1. 也是唯一的特权：null 和 undefined

`null`​ 和 `undefined`​ 是好基友。它俩在 `==`​ 下是相等的，且它俩和**除了它俩之外的任何其他值**都不相等。

```javascript
null == undefined // true
null == 0 // false (这里不会转数字！)
```

所以在判断一个值是不是“空”的时候，可以用 `if (val == null)`​，这可以同时拦截 `null`​ 和 `undefined`​。这也是 `==` 在实战中为数不多的有用场景。

#### 2. 其他情况全转数字

只要不是 `null/undefined`​，两边类型不一样，就脑补它们都试图变成 `Number` 这一条路。

- `true`​ -\> `1`
- `'123'`​ -\> `123`
- `[1]`​ -\> `'1'`​ -\> `1`
- `{}`​ -\> `'[object Object]'`​ -\> `NaN`

## 总结

JS 的相等判断确实坑多，但只要我们理清了“隐式转换”的套路，其实也没那么玄学。

归根结底，​**少用**  **​`==`​** ​ **，坚持用**  **​`===`​** ​ **，特殊需求找** **​`Object.is`​**。这个原则能帮你省下大量的 Debug 时间。


在 JavaScript 的世界里，判断“相等”这件事有时候真的能把人气笑。你应该在各种面试题或者网络段子里见过这种代码：[] == ![]​ 居然是 true​，NaN === NaN​ 居然是 false。

JS 里判断相等居然有 3 种写法？聊聊 ==、=== 和 Object.is 的那些坑

前端

JavaScript相等判断存在诸多陷阱：==会进行隐式类型转换导致[]==![]为true，===虽严格但无法识别NaN和±0差异。建议优先使用===避免类型转换问题，特殊场景用Object.is精准判断。掌握null/undefined特例和数字转换规则即可应对大部分相等判断场景。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

JS 里判断相等居然有 3 种写法？聊聊 ==、=== 和 Object.is 的那些坑-腾讯云开发者社区-腾讯云

JS 里判断相等居然有 3 种写法？聊聊 ==、=== 和 Object.is 的那些坑

JS 里判断相等居然有 3 种写法？聊聊 ==、=== 和 Object.is 的那些坑

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐