{category}

JavaScript - 比較演算子

==

イコール イコール(基本的な構文

意味 等価


==とは?

JavaScriptで二つの値が等価であるかを判定するための演算子。型変換を行って比較します。

==の具体的な使い方

等価演算子の使用例

var x = 5;
var y = '5';
var z = 5;

console.log('x == y の結果:', x == y);
console.log('x == z の結果:', x == z);
console.log('y == z の結果:', y == z);

👇出力結果

x == y の結果: true
x == z の結果: true
y == z の結果: true

数値の5と文字列の'5'、そして数値の5を等価演算子で比較します。型変換が行われるため、すべての比較結果がtrueとなります。これにより、等価演算子が型を考慮せずに値を比較することを示しています。

等価演算子と厳密等価演算子の比較

console.log('数値と文字列の比較:');
console.log(1 == '1');   // 等価演算子
console.log(1 === '1');  // 厳密等価演算子

console.log('\nnullとundefinedの比較:');
console.log(null == undefined);
console.log(null === undefined);

console.log('\n空文字と数値の0の比較:');
console.log('' == 0);
console.log('' === 0);

👇出力結果

数値と文字列の比較:
true
false

nullとundefinedの比較:
true
false

空文字と数値の0の比較:
true
false

等価演算子(==)と厳密等価演算子(===)の動作の違いを示します。等価演算子は型変換を行うため、異なる型でも値が等しければtrueを返します。一方、厳密等価演算子は型も含めて比較します。

オブジェクトの比較

const obj1 = { name: '山田' };
const obj2 = { name: '山田' };
const obj3 = obj1;

console.log('obj1 == obj2:', obj1 == obj2);
console.log('obj1 == obj3:', obj1 == obj3);

const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
const arr3 = arr1;

console.log('arr1 == arr2:', arr1 == arr2);
console.log('arr1 == arr3:', arr1 == arr3);

👇出力結果

obj1 == obj2: false
obj1 == obj3: true
arr1 == arr2: false
arr1 == arr3: true

オブジェクトや配列を等価演算子で比較する場合、参照が同じかどうかを比較します。内容が同じでも異なるオブジェクトはfalseとなります。これは、等価演算子がオブジェクトの場合は参照の同一性を比較することを示しています。

==に関するよくある質問

Q. ==と===の違いは?
A. ==は型変換を行ってから比較しますが、===は型変換を行わず、値と型の両方が同じ場合にのみtrueを返します。
Q. ==を使う際の注意点は?
A. 型変換による予期せぬ結果を避けるため、可能な限り===を使用することが推奨されます。==は型の違いを無視するため、バグの原因になることがあります。
Q. ==でnullとundefinedを比較すると?
A. null == undefinedはtrueを返します。これは==の特殊な動作の一つで、両方とも「値が存在しない」ことを示すためです。

==が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptの==やinstanceof、var、>=、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

instanceof

オブジェクトの型判定

種類: その他の演算子

var

変数の宣言

種類: 宣言・代入

>=

大なりまたは等しい

種類: 比較演算子

Boolean

ブーリアン型(真偽値)

種類: プリミティブ型

querySelector()

要素を検索・取得

種類: DOMの選択(1)