ความแตกต่างระหว่าง == และ === คืออะไร ?

Question

Accepted Answer

**`===`** (strict equality) เปรียบเทียบค่า **และ** ประเภท โดยไม่มีการแปลง **`==`** (loose equality) ทำการ **type coercion** ก่อน ซึ่งนำไปสู่ผลลัพธ์ที่น่าประหลาดใจ

```js
0 == "0";    // true  — "0" coerced to 0
0 == "";     // true  — "" coerced to 0
0 == false;  // true  — false coerced to 0
null == undefined; // true  — special rule
"" == false; // true

0 === "0";   // false — different types, no coercion
NaN === NaN; // false — NaN is never equal to anything
```

## เหตุใด == จึงเป็นอันตราย

กฎการแปลงประเภทไม่ชัดเจน และนำไปสู่ข้อผิดพลาด ตัวอย่างเช่น `[] == ![]` คือ `true` (ลักษณ์เฉพาะที่ไม่แปลก) คุณไม่ค่อยต้องการให้ JavaScript แปลงประเภทโดยการ เปรียบเทียบเบื้องหลัง

## กฎ

**ใช้ `===` เสมอ** (และ `!==`) ข้อยกเว้นที่พบบ่อยและตั้งใจเพียงข้อเดียว คือ การตรวจสอบ null *หรือ* undefined ไปด้วยกัน:

```js
if (value == null) { ... } // true for BOTH null and undefined — a deliberate idiom
```

สำหรับสิ่งอื่นทั้งหมด ความเท่าเทียมที่เข้มงวดจะทำให้การเปรียบเทียบสามารถคาดการณ์ได้ ในการเปรียบเทียบวัตถุ คุณต้องตรวจสอบความเท่าเทียมเชิงลึก (พวกเขาเปรียบเทียบตามการอ้างอิง ดังนั้น `{a:1} === {a:1}` คือ `false`)