JavaScript if文の == と === の違いのサンプル

JavaScriptのif文の == と === の違いについてです。

目次

== と === の違い

  • 文字列型、数値型、論理型(true/false)について、== は値が同じか判定します。
  • 文字列型、数値型、論理型(true/false)について、=== はデータ型と値が同じか判定します。

 

異なるデータ型を==で比較

異なるデータ型を==で比較する場合です。
2行目は、数値型の1です。
5行目は、数値型の1と文字列型の1を==で比較しています。
この場合、データ型は異なりますが、値が等しいので結果はtrueになります。

<script>
	var a = 1;

	// 数値型の1と文字列型の1を==で比較
	if (a == '1') {
		document.write("true"); //true
	} else {
		document.write("false");
	}

</script>

 

異なるデータ型を===で比較

異なるデータ型を===で比較する場合です。
5行目は、数値型の1と文字列型の1を===で比較しています。
この場合、値は同じですが、データ型が異なるので結果はfalseになります。

<script>
	var a = 1;

	// 数値型の1と文字列型の1を===で比較
	if (a === '1') {
		document.write("true");
	} else {
		document.write("false"); //false
	}

</script>

 

同じデータ型を===で比較

同じデータ型を===で比較で比較する場合です。
5行目は、数値型の1同士を===で比較しています。
データ型と値が一致しているため結果はtrueになります。

<script>
	var a = 1;

	// 数値型の1同士を===で比較
	if (a === 1) {
		document.write("true"); //true
	} else {
		document.write("false");
	}

</script>

関連の記事

JavaScript if文のサンプル
JavaScript if文で配列を比較するサンプル
JavaScriptのデータ型



△上に戻る