===と==の違いがうろ覚えだったので、このちがいを復習。

1.==は「等価」を確認

==は「等価演算子」を表しており、2つの値が等しいかどうかを検証する。

const a = 1
const b = 1
const c = 2
const d = "1"

console.log(a == b) //true
console.log(a == c) //false
console.log(a == d ) //true

==は「値」が同じかをみます。
aとdを比べる際は、文字列を数字に置き換えるため、同じとみなされます。

2.===は「厳密」に確認

＝＝＝は「厳密等価演算子」であり、2つの値に加えて、***2つの値の「データの型」***まで比較する。

const a = 1 //数字
const b = "1"　//文字列

console.log(a == b) //true
console.log(a === b) //false

＝＝の等価演算子であれば、文字列を数値に変換し「変数の値だけを比較する」ためTRUEが返る。

一方で、＝＝＝の厳密等価演算子は、文字列を数値に変換することなく、それぞれの変数の「データの値と型が一致しているか」を比較する。そのために、数字と文字列をでちがうaとbはfalseになる。

Booleanは？？

==を使う際にはtrueは1に、falseは0に変換されます。 ===を使う際は型も確認するため、true/false以外のものと比べると必ずfalseになります。

console.log(true == 1) //true　trueは1に変換される
console.log(true === 1) //false 型も見ているため違うものとみなされる
console.log(false== 0) //true　falseは0に変換される
console.log(false === 0) //false　型も見ているため違うものとみなされる

Objectは？？

console.log("test" == new String("test")) //true　
console.log("test" === new String("test")) //false

プリミティブ型とString型の比較。
==では、String型がプリミティブ型に変換され、trueになる。

console.log(new String("test") == new String("test")) //false

上記は異なるオブジェクトの比較になるので、false

3.!=は(1)等価演算子の逆

!=は「不等価」と呼び、1の等価演算子(==)の反対。
２つの「値」を確認して等しくない場合にtrueが返る。

const a = 1 
const b = 2

console.log(a != b) //true

4.!==は(2)厳密等価の逆

!==は「厳密不等価演算子」と呼び、2の厳密等価演算子(===)の反対の結果を返します。

const a = 1 //数字
const b = "1"　//文字列

console.log(a != b) //false 値が一緒なので同じものとみなされてfalseとなる。
console.log(a !== b) //true 型も確認するため、違うものとみなされtrueが返る。