Mikä on ero == ja === välillä ?

Question

Accepted Answer

**`===`** (tiukka yhtäsuuruus) vertaa arvoa **ja** tyyppiä ilman muunnosta. **`==`** (löysä yhtäsuuruus) suorittaa ensin **type coercion** -muunnoksen, mikä johtaa yllättäviin tuloksiin.

```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
```

## Miksi == on vaarallinen

Koersiontsäännöt eivät ole ilmeisiä ja johtavat virheisiin. Esimerkiksi `[] == ![]` on `true` (kuuluisa erikoisuus). Harvoin haluat JavaScript:in muuntavan tyyppejä vaietiksi vertailun aikana.

## Sääntö

**Käytä aina `===`** (ja `!==`). Ainoa yleinen, tarkoituksellinen poikkeus on null *tai* undefined tarkistaminen yhdessä:

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

Kaikissa muissa tapauksissa tiukka yhtäsuuruus pitää vertailut ennakoitavina. Objektien vertailemiseksi tarvitset syvän yhtäsuuruuden tarkistuksen (ne vertailevat viitteen perusteella, joten `{a:1} === {a:1}` on `false`).