Sự khác biệt giữa == và === là gì?

Question

Accepted Answer

**`===`** (strict equality) so sánh giá trị **và** kiểu mà không chuyển đổi. **`==`** (loose equality) thực hiện **type coercion** trước, dẫn đến những kết quả bất ngờ.

```js
0 == "0";    // true  — "0" được ép thành 0
0 == "";     // true  — "" được ép thành 0
0 == false;  // true  — false được ép thành 0
null == undefined; // true  — quy tắc đặc biệt
"" == false; // true

0 === "0";   // false — khác kiểu, không ép kiểu
NaN === NaN; // false — NaN không bao giờ bằng bất cứ thứ gì
```

## Tại sao == nguy hiểm

Các quy tắc ép kiểu không hiển nhiên và dẫn đến lỗi. Ví dụ, `[] == ![]` là `true` (một sự kỳ quặc khét tiếng). Bạn hiếm khi muốn JavaScript âm thầm chuyển đổi kiểu sau lưng bạn trong một phép so sánh.

## Quy tắc

**Luôn dùng `===`** (và `!==`). Ngoại lệ phổ biến, có chủ đích duy nhất là kiểm tra null *hoặc* undefined cùng lúc:

```js
if (value == null) { ... } // true cho CẢ null và undefined — một thành ngữ có chủ ý
```

Với mọi thứ còn lại, strict equality giữ cho các phép so sánh có thể dự đoán được. Để so sánh các object, bạn cần một phép kiểm tra deep-equality (chúng so sánh theo tham chiếu, nên `{a:1} === {a:1}` là `false`).