JavaScriptにおける!==の意味
JavaScriptでコードを書くとき、「等しい」と「等しくない」を判断する比較演算子は頻繁に使用されます。その中でも、「!==」は「厳密な不等価演算子」と呼ばれ、値とデータ型の両方を考慮して比較を行います。
!== の役割
厳密不等価演算子 ( !== ) は、2 つのオペランドが等しくないかどうかを検査し、論理値（true または false）で結果を返します。 * 2 つのオペランドの値またはデータ型が異なる場合、 `true` を返します。 * 2 つのオペランドの値とデータ型が両方とも同じ場合、 `false` を返します。 これは、値だけを比較する通常の不等価演算子(`!=`)とは大きく異なります。
!== と != の違い
通常の不等価演算子(`!=`)は、比較前にオペランドの型を暗黙的に変換しようとします。一方、厳密不等価演算子(`!==`)は型の変換を行いません。
| 演算子 | 説明 | 型の変換 |
|---|---|---|
| != | 値が等しくない場合にtrueを返す | あり (暗黙的変換) |
| !== | 値とデータ型が両方とも等しくない場合にtrueを返す | なし |
以下の例で、違いを明確に見てみましょう。
<script>
console.log(5 != "5"); // false (値が同じなので)
console.log(5 !== "5"); // true (データ型が異なるため)
</script>
最初の比較では、`!=`演算子は文字列`"5"`を数値`5`に変換してから比較を行うため、結果は`false`になります。一方、`!==`演算子は型の変換を行わないため、数値`5`と文字列`"5"`は異なる型として認識され、結果は`true`になります。
!== を使用するメリット
- コードの信頼性向上: 型の一致を厳密にチェックすることで、予期しない型のエラーを防ぎ、コードの信頼性を高めることができます。
- コードの可読性向上: `!==` を使用することで、値だけでなく型も比較していることが明確になり、コードの意図が分かりやすくなります。
まとめ
`!==` は、JavaScriptで厳密な比較を行う上で重要な演算子です。型の変換を避けることで、より正確で信頼性の高いコードを書くことができます。
参考文献
Q&A
- Q1:
!==はどのような場合に使用するべきですか？ - A1: データ型の違いを考慮して比較を行う必要がある場合、つまり、値だけでなくデータ型も厳密に一致していることを確認したい場合に使用するべきです。
- Q2:
!=と!==のどちらを使用するべきか迷う場合はどうすればよいですか？ - A2: 基本的には
!==を使用することをお勧めします。データ型の不一致による予期せぬ動作を防ぐことができます。 - Q3:
!==演算子は、オブジェクトの比較にも使用できますか？ - A3: はい、使用できます。ただし、オブジェクトの場合、
!==はオブジェクトの参照が異なるかどうかをチェックします。オブジェクトの内容が同じかどうかを比較したい場合は、Object.is()メソッドを使用する必要があります。
その他の参考記事:JavaScript 演算子