JavaScript 「==」と「===」の違いについて確認する

「==」と「===」の違いについて解説します。

「==」と「===」は同じように見えますが、使い方に違いがあります。
この記事では、「==」と「===」の違いについて詳しく説明し、どんな場面でどちらを使うべきかについても説明します。

「==」と「===」の解説

==は値が等しいかどうかを判定する演算子です。
===は厳密に値と型が等しいかどうかを判定する演算子です。

　例えば、==を使って「1」と「”1″」を比較すると、trueになりますが、===を使って同じ比較をすると、falseになります。これは、「1」は数値、「”1″」は文字列のためです。

もう一つの例は「0 == false」「0 === false」の結果です。==はtrueになりますが、===はfalseになります。これは、「0」は数値、falseは真偽値のためです。

サンプルプログラムで確認する

以下のサンプルプログラムで==と===の動作を確認します。

let num1 = 1;
let num2 = "1";
console.log(num1 == num2); // true
console.log(num1 === num2); // false

let num3 = 0;
let boolean1 = false;
console.log(num3 == boolean1); // true
console.log(num3 === boolean1); // false

let str1 = "hello";
let str2 = "world";
console.log(str1 == str2); // false
console.log(str1 === str2); // false

　上記のサンプルでは、num1とnum2、num3とboolean1、str1とstr2を==と===で比較し、その結果をconsole.logで表示しています。

このように==は値が等しいかどうかを判定し、===は厳密に値と型が等しいかどうかを判定することができることが確認できます。

CHECK

!=の演算子に対応した!== もあります。

リスキリングでキャリアアップしてみませんか？

リスキリング(学び直し)は、経済産業省が推奨しており、

今だけ、最大７０％のキャッシュバックを受けることができます。