JavaScript の等価演算子に関する簡単な説明: == と === の違い-jsチュートリアル-php.cn

JavaScript の等価演算子に関する簡単な説明: == と === の違い

青灯夜游

リリース： 2020-06-13 09:59:07

転載

2766 人が閲覧しました

JavaScript の等価演算子に関する簡単な説明: == と === の違い

プログラミングの過程で、2 つの変数が等しいかどうかを判断する場面によく遭遇しますが、ECMAscript には 2 つの等価演算子「==」と「===」が用意されています。操作はブール値を返します。一般に、「== が等しい」および「=== が合同」と呼ばれます。

比較される 2 つの変数のデータ型が一貫している場合、状況は比較的単純ですが、演算子の両側の変数の型が一致していない場合、または変数の 1 つがオブジェクトである場合、状況はさらに複雑ですが、オペランドの型が異なる場合に演算結果がどうなるかを別途紹介します。

合同演算子「===」

合同演算子「===」状況は比較的単純です。合同演算子「===」を用いて判定する場合は、まず演算子の両辺のオペランドのデータ型が一致しているかどうかを確認し、一致していない場合はそのまま false を返します。一致していない場合は次の判定が行われます。作られる。

2 つのブール値の比較の場合、「===」が true を返す前に、「===」の両側が両方とも true または false である必要があり、そうでない場合は false が返されます。2 つの比較が数値の場合は、次のようになります。 Only if 2 つの数値のサイズが等しい場合にのみ True が返され、それ以外の場合は false が返されます。

比較する 2 つの変数が文字列の場合、まず 2 つの文字列の長さを比較して等しいかどうかを確認します。長さが異なる場合は false を返します。等しい場合は、先頭から開始します。 2 つの変数。文字が等しいかどうかの比較が開始され、最後の桁まで継続されます。桁の 1 つが待ちたくない場合は false が返され、そうでない場合は true が返されます。

(注: 文字列の比較ではスペースは無視されません。そのため、2 つの文字列が等しいかどうかを比較するときは、安全性を確保するために、まずスペースを削除してから、2 つの文字列を大文字の Or に変換する必要があります。小文字にしてから比較します)。

null は、null===null の場合にのみ true を返し、それ以外の場合は false を返します。同様に、unknown は、unknown===unknown の場合にのみ true を返し、それ以外の場合は false を返します。例:

true === 1    //false
"1" === 1    //false
 
//boolean的比较
true === true  //true
true === false  //false

//string的比较
"hello" === "helloworrld" //false
"hello" === "world" //false
"hello" === " hello" //false
"hello" === "hellO" //false
"hello" === "hello" //true

//number的比较
1 === 1  //true
1 === 1.0 //true
1 === 1.2 //false

//null和undefined的比较
undefined === undefined  //true
null === null       //true
undefined === null    //false,两者在"=="时才返回true

ログイン後にコピー

「===」比較の2つのオペランドが基本型の値ではなく2つのオブジェクトの場合、このときの判断基準は2つの変数が「同じ」かどうかです。 Object

var a,b,c;
a = b = {
	name : &#39;柳轻侯&#39;,
	city : &#39;南京&#39;
};
c = {
	name : &#39;柳轻侯&#39;,
	city : &#39;南京&#39;
};
a === b   //true
a === c   //false

ログイン後にコピー

2 つのオブジェクトが「同じに見える」だけでは十分ではありません。a と c はどちらも Object インスタンスであり、同じプロパティと値を持っていますが、「同じ」オブジェクトではありません。なぜなら、a と c は実際には 2 つの異なるインスタンスを指しているため、2 つのオブジェクトは一致しないからです。

しかし、a と b は同じオブジェクトを指します。つまり、a と b は同じオブジェクトの別のエイリアスです。実際にはまったく同じオブジェクトを指すため、a === b となります。「!==」と「===」の比較ルールは同じなので、ここでは繰り返しません。

等値演算子」==”

合同演算子が判定を行う際、2 つの変数の型が異なる場合は、直接は false を返しますが、これとは異なり、「==」等価演算子で判定する場合、2 つの変数の型が異なる場合は、比較対象の 2 つの値を同じに変換する暗黙の型変換が行われます。型は再度比較されますが、変換規則は何ですか?

異なるデータ型を変換する場合、等価演算子と不等号演算子は次の基本規則に従います。

オペランドの 1 つがブール値の場合は、比較前に比較されます。ブール値は数値に変換され、true は 1 に変換され、false は 0 に変換されます。
オペランドの 1 つが文字列型で、もう 1 つが数値型の場合、文字列型は数値に変換されます。比較前に型が判断されます;
比較前に、未定義および null は比較のために他の値に変換されません;
オペランドの一方がオブジェクトで、もう一方がオブジェクトである場合が基本型の値である場合、オブジェクトは比較前に基本型の値に変換され、その後の比較は前述の規則に従って行われます。

#2 つのオペランドは比較時に次の規則に従います

unknown と null は等しいです。つまり、未定義 == null;
一方のオペランドが NaN の場合、false が返されます。両方のオペランドが NaN の場合でも、false が返されます。 ;
2 つのオペランドがオブジェクトの場合、比較規則は「===」の比較規則と同じです。2 つのオペランドが同じオブジェクトでない場合は true を返し、そうでない場合は false を返します。

ここで、NaN == NaN は false を返すことに注意してください。NaN は数値ではない、つまりオペランドが非数値であることを意味します。この非数値は不確実です。値は不明です。また、JavaScript 構文を使用して表現することさえできない場合があります。このような未知の量は、特定の比較には使用できません。2 つの未知の値が何であるかを決定できない場合、当然、NaN == NaN とは言えません。

では、「==」を使用して比較することはできないので、変数が NaN であるかどうかをどのように判断すればよいでしょうか? 等価性を使用して判断することはできないため、逆の「!=」を使用することもできます。変数が NaN に等しくないかどうかを判断します。例:

//如果需要判定一个变量是不是NaN,可以如下
//a是你需要判定的变量
if((typeof a === "number") && a != NaN ){  //此处需要注意，NaN也是number类型
	//TODO 
}

ログイン後にコピー

一般的な比較状況とその結果

null == undefined  // true 
"NaN" == NaN    // false 
5 == NaN      // false 
NaN == NaN     // false 
NaN != NaN     // true 
false == 0     // true 
true == 1      // true 
true == 2      // false 
undefined == 0   // false 
null == 0      // false
"5" == 5      // true

ログイン後にコピー

典型的な例の分析