JavaScript中==和===的區(qū)別及用法詳解

更新時間：2026年02月25日 09:27:10 作者：Yashar Qian

在 JavaScript 中,==（相等運算符）和 ===（嚴格相等運算符）都用于比較兩個值是否相等,但它們最大的區(qū)別在于：是否在比較之前進行類型轉換,本文從多個維度詳細介紹它們的區(qū)別,需要的朋友可以參考下

引言

在 JavaScript 中，==（相等運算符）和 ===（嚴格相等運算符）都用于比較兩個值是否相等，但它們最大的區(qū)別在于：是否在比較之前進行類型轉換。

=== 嚴格相等：不進行類型轉換，如果兩個值的類型不同，直接返回 false。只有類型相同且值相等時才返回 true。
== 抽象相等：會進行類型轉換，如果兩個值的類型不同，它會嘗試將它們轉換為相同類型后再進行比較。

下面從多個維度詳細介紹它們的區(qū)別。

1. 類型轉換規(guī)則（==的核心）

當使用 == 比較兩個不同類型的值時，JavaScript 會按照一套規(guī)則將其中一個或兩個轉換為原始值（primitive value），然后再比較。這套規(guī)則比較復雜，但理解它可以避免很多意外。

常見轉換情況

比較類型	轉換規(guī)則
布爾值與其他類型	布爾值 `true` 轉換為 `1`，`false` 轉換為 `0`。
字符串與數(shù)字	字符串會被轉換為數(shù)字（`Number()` 轉換規(guī)則）?？兆址D為 `0`，非數(shù)字字符串轉為 `NaN`。
對象與原始值	對象會通過 `ToPrimitive` 操作轉換為原始值（通常先調用 `valueOf()`，如果沒有得到原始值再調用 `toString()`）。
`null` 與 `undefined`	`null == undefined` 為 `true`，且它們與自身之外的其他值比較都是 `false`。
`NaN`	`NaN` 與任何值（包括自身）使用 `==` 或 `===` 比較均為 `false`。

具體例子

// 布爾值轉換
console.log(true == 1);      // true，true 轉為 1
console.log(false == 0);     // true，false 轉為 0

// 字符串與數(shù)字
console.log('5' == 5);       // true，字符串 '5' 轉為數(shù)字 5
console.log('' == 0);        // true，空字符串轉為 0
console.log('hello' == 0);   // false，'hello' 轉為 NaN，NaN 不等于任何數(shù)

// null 和 undefined
console.log(null == undefined); // true
console.log(null == 0);         // false
console.log(undefined == false); // false

// 對象與原始值
console.log([1,2] == '1,2');   // true，數(shù)組轉為字符串 '1,2'
console.log({} == '[object Object]'); // true，對象轉為字符串 '[object Object]'

// 特殊值
console.log(NaN == NaN);       // false
console.log(0 == -0);          // true（嚴格相等也是 true，因為 +0 和 -0 被視為相等）

2.===的行為

=== 不進行類型轉換，如果類型不同就直接返回 false。類型相同的情況下，再比較值（對于原始類型）或比較引用（對于對象類型）。

console.log(5 === 5);          // true，類型相同且值相等
console.log('5' === 5);        // false，類型不同（string vs number）
console.log(null === undefined); // false，類型不同
console.log(NaN === NaN);       // false（特殊：NaN 不等于自身）
console.log(0 === -0);          // true（+0 與 -0 被視為相等）
console.log({} === {});         // false，兩個不同對象，引用不同

3. 典型陷阱與注意事項

3.1null和undefined

null == undefined 為 true，但 null === undefined 為 false。

使用 == 時，可以方便地判斷一個變量是否為 null 或 undefined：

if (value == null) { // 等價于 value === null || value === undefined
    // ...
}

3.2 空字符串與數(shù)字0

'' == 0      // true（空字符串轉為 0）
'' === 0     // false

3.3 布爾值的隱式轉換

if (x == true)  // 不要這樣寫，因為 true 會轉為 1，導致 x 為 1 時也為 true
if (x)          // 更好的寫法，利用布爾上下文

3.4 對象與原始值的比較

const a = new String('hello');
a == 'hello'   // true，對象轉為原始字符串
a === 'hello'  // false，對象與字符串類型不同

4. 性能與最佳實踐

推薦使用 ===：大多數(shù)情況下，應該使用 === 以避免意外的類型轉換導致 bug。代碼意圖更明確，類型安全更高。
何時可以用 ==：
- 明確想利用類型轉換時，例如 if (x == null) 判斷 x 是否為 null 或 undefined。
- 某些代碼風格允許在比較字符串和數(shù)字時使用 ==，但一般建議顯式轉換類型后再比較（如 Number(str) === num）。
性能差異：現(xiàn)代 JavaScript 引擎對兩者都做了優(yōu)化，性能差距可忽略不計，主要考慮語義清晰度。

5. 補充：Object.is()

ES6 引入了 Object.is() 方法，它類似于 ===，但修復了兩個特殊情況：

Object.is(NaN, NaN) 為 true。
Object.is(0, -0) 為 false。

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(0, -0));    // false

所以，Object.is 提供了最精確的“值相等”判斷（對于原始值），但大多數(shù)情況下 === 已經足夠。

總結對比表

比較方式	是否進行類型轉換	類型不同時結果	典型使用場景
`==`	是	嘗試轉換后比較	允許類型轉換的寬松比較（需謹慎）
`===`	否	直接 `false`	絕大多數(shù)情況，更安全、明確
`Object.is`	否（但特殊處理 NaN 和 -0）	直接 `false`（除了 NaN）	需要精確區(qū)分 NaN 和 ±0 時