JavaScriptの=、==、===の違い【例】

JavaScript の = とは何ですか?

Equal to (=) は代入演算子で、= の左側の変数を右側の式の値に設定します。 この演算子は、左辺値を右辺値に代入します。

たとえば、a=10 と書いても問題ありません。 10=10、'a' = 10、または 'a' = 'a' と書くと参照エラーになります。

JavaScript の == とは何ですか?

Double 等号 (==) は、比較前に同じ型のオペランドを変換する比較演算子です。

したがって、文字列を数値と比較すると、JavaScript は任意の文字列を数値に変換します。 空の文字列は常にゼロに変換されます。 数値のない文字列は NaN (非数値) に変換され、false が返されます。

JavaScript の === とは何ですか?

=== (トリプル等しい) は JavaScript の厳密な等価比較演算子であり、類似した型ではない値に対して false を返します。 この演算子は、等価性を得るために型キャストを実行します。 === を使用して 2 と「2」を比較すると、偽の値が返されます。

JavaScript で = を使用する理由

= の重要な使用法は次のとおりです。 JavaScriptを:


= JavaScript 演算子は、右側で使用可能なオペランドの値に応じて、左側のオペランドに値を割り当てます。 最初のオペランドは変数である必要があります。

基本的な代入演算子は = で、あるオペランドの値を別のオペランドに代入します。 つまり、a = b は b の値を a に代入します。

JavaScript で == を使用するのはなぜですか?

JavaScript における == の重要な使用法を次に示します。

== 演算子は等価演算子です。 式をあるデータ型から別のデータ型に変更することで、XNUMX つのオペランドが同じかどうかをチェックします。 XNUMX つのオペランドの型が似ていなくても、== 演算子を使用して XNUMX つのオペランドの同一性を比較できます。

=== はどのように正確に機能するのでしょうか?

  • 厳密な等価 === は、XNUMX つの値が同じかどうかをチェックします。
  • 値は、比較前に暗黙的に他の値に変換されません。
  • 変数値の型が異なる場合、それらの値は等しくないものとみなされます。
  • 変数が同じ型で、数値ではなく、同じ値を持つ場合、それらは等しいとみなされます。
  • 最後に、両方の変数値が数値である場合、両方が NaN (非数値) でなく、同じ値であれば、それらは等しいとみなされます。

=の例

以下のプログラムには、「a」と「b」という 7 つの変数があります。 7 番目の変数「c」を使用して、それらの値を追加して出力します。 変数「a」と「b」の値の合計は XNUMX です。したがって、出力は XNUMX になります。

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

 <p>a = 2, b = 5, calculate c = a + b, and display c:</p> 

<p id="demonstration"></p>

<script>
var a = 2;
var b = 5;
var c= a + b;
document.getElementById("demonstration").innerHTML = c;
</script>

</body>
</html>


出力:

a = 2、b = 5、c = a + b を計算し、c を表示します。

7

==の例

以下のプログラムでは、値 10 を持つ 20 つの変数「a」を宣言しました。最後に、ステートメント a == 10 は、a の値が XNUMX であるため false を返します。

<!DOCTYPE html>
<html>
<body>

<p id="demonstration"></p>

<script>
  var a = 10;
  document.getElementById("demonstration").innerHTML = (a == 20);
</script>

</body>
</html>

出力:

false

===の例

以下のプログラムでは、変数 x の値は 10 です。 で書かれた 10 と比較されます。 double-quotes、これは 文字列したがって、値は厳密には同じではありません。 プログラムの出力は false です。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

  var x = 10;
  document.getElementById("demo").innerHTML = (x === "10");

</script>

</body>
</html>

出力:

false

= VS == VS === JavaScript で

=、==、=== の重要な違いは次のとおりです。

= == ===
JavaScript の = は、変数に値を代入するために使用されます。 JavaScript の == は XNUMX つの変数を比較するために使用されますが、変数のデータ型は無視されます。 === は XNUMX つの変数を比較するために使用されますが、この演算子はデータ型と comp もチェックします。ares XNUMX つの値。
代入演算子といいます 比較演算子といいます 比較演算子とも呼ばれます
代入演算子は代入された値を評価できます XNUMX つのオペランドの型を考慮せずに、それらが等しいかどうかをチェックします。 カンプares XNUMX つのオペランドとその型が等しい。
true または false を返しません XNUMX つのオペランドが等しい場合は true を返します。 XNUMX つのオペランドが等しくない場合は false を返します。 XNUMX つの変数の値とデータ型が同じである場合にのみ true を返します。
= 変数の XNUMX つの値を別の値に代入するだけです。 == の値に基づいて型修正を行う variables. === は変数の型を考慮します。
== は変数の値をまったく比較しません。 == は、必要な会話を行った後にのみ等価性をチェックします。 XNUMX つの変数値が類似していない場合、=== は変換を実行しません。

主な違い

  • = は変数に値を割り当てるために使用され、== は XNUMX つの変数を比較するために使用されますが、変数のデータ型は無視されます。一方 === は XNUMX つの変数の比較に使用されますが、この演算子はデータ型と comp もチェックします。ares XNUMX つの値。
  • = は代入演算子、== は比較演算子、比較演算子とも呼ばれます。
  • = は true または false を返しません。 == は XNUMX つのオペランドが等しい場合にのみ true を返します。一方、 === は XNUMX つの変数の値とデータ型が同じである場合にのみ true を返します。