javascript中!=、!==、==、===操作符總結

標籤：複雜資料類型   基礎用法   http   func   script   運算子和   出錯   symbol   header   

轉載：https://www.cnblogs.com/weiqinl/p/9049745.html 

JavaScript 有兩種比較方式：嚴格比較子和轉換類型比較子。
在相等運算子中對應 === 、!==和 ==、!=。

先舉個栗子

var str = ‘1‘var num0 = 0var num1 = 1var blT = truevar blF = falsevar nul = nullvar und = undefinedconsole.log(str == num1) // trueconsole.log(str == blT) // trueconsole.log(blT == num1) // trueconsole.log(blF == num0) // trueconsole.log(nul == und) // trueconsole.log(str === num1) // falseconsole.log(str === blT) // falseconsole.log(blT === num1) // falseconsole.log(blF === num0) // falseconsole.log(nul === und) // false

相等操作符(==)會為兩個不同類型的運算元進行類型轉換，然後進行嚴格比較。
嚴格相等操作符(===),一般也叫做全等操作符。會先判斷類型，再比較值是否相等。

類型轉換

類型轉換的途徑:

類型(x)	類型(y)	結果
undefined	null	true
字串	數字	toNumber(x) == y
布爾值	數字	toNumber(x) == y
對象	字串/數字	toPrimary(x) == y

對於兩個類型不同的運算元比較。

• 字串、布爾值都會先轉換成數字類型，再做比較。toNumber(x)
• 對於複雜資料類型，會先將其轉換為原始值，之後，再根據上一個規則比較。
  x = toPrimary(obj) ==> toNumber(x)
  而，如何轉成原始類型值呢，一般都會自動通過內建的valueOf()方法或者toString()方法實現。如果轉換之後非原始值，比較操作會報類型錯誤。

具體過程：先執行`valueOf`方法，如果該方法返回一個原始值，則將這個原始值轉換為數字，並返回這個數字，轉換過程結束。如果返回非原始值，繼續下一步。否則，執行`toString`方法，如果該方法返回一個原始值，則將這個原始值轉換為數字，並返回這個數字，轉換過程結束。如果返回非原始值 ，繼續下一步。以上都沒有成功轉換為原始值，則拋出一個類型轉換錯誤的異常。tips： 每個方法只執行一次。不會將方法返回的非原始類型值繼續轉換。

舉個例子說明下，參考於知乎:

未經處理資料類型(string,number,boolean,null, undefined,symbol)。
複雜資料類型(Object, Function, Array, Date, ...)
基礎資料類型的比較，是值的比較，Object對象的比較，則是引用的比較

相等操作符(==)，經過類型轉換之後，才比較他們的值或者對象值。
對於全等操作符(===)，等號兩邊的值和類型，必須完全相等。

為什麼建議使用  ===1. review代碼時候，增加理解時間

在使用了 ==的運算式中，我們需要先理解作者的意圖。

• 想當然的以為都可以。
• 確實需要通過類型轉換來判斷。
• 不應該類型轉換，但是寫錯了。

2. 會判斷錯誤

let num = 2let obj = {  valueOf: function() {    return 2  }}console.log(obj == 2)

輸出true，
我們本意是這兩者!=，而這裡得到的結果是==，這不是我們想要的結果。

3. 會產生異常

let num = 2let obj = {  valueOf: function() {    return {} }, toString: function() {  return {} }}console.log(obj === 2)console.log(obj == 2)

第一行輸出：false
第二行輸出錯誤提示：Uncaught TypeError: Cannot convert object to primitive value

通過前面類型轉換，可以得知，一般情況下，對象會先轉換為原始值。
而其過程是通過內建的valueOf()/toString()先轉換為primitive value，再和其他值做比較。
而在這裡，我們手動將obj對象的valueOf()/toString()覆蓋了，導致無法實現轉換為原始值。

一般情況下，建議使用=== ，除非你瞭解，確實需要類型轉換，才使用 ==

條件運算式語句（if、三目運算等）

if (condition) {    statement1 } else {    statement2}

以上是if語句的基礎用法。通過判斷condition的布爾值，來決定執行statement1代碼塊1，還是執行statement2代碼塊2。
先看下面的例子：

var s = ‘str‘var blT = truevar blF = falseif (s) {    console.log(‘正確‘)} else {    console.log(‘錯誤‘)}console.log(s == blT)

以上語句，得到的結果是

正確false

為什麼if語句，會執行第一個代碼塊。而s == blT 卻是false呢？
其實，這個就涉及到類型轉換的問題了。
輸出“正確”：

• if語句的條件運算式，會自動調用Boolean()轉換函式，將這個運算式的結果轉換為一個布爾值。
• Boolean(‘str‘) = true

輸出false：

• 根據在上面類型轉換那部分所講，會先調用Number()轉換函式轉換為數值，之後再比較。
• Number(‘str‘) = NaN
• Number(true) = 1

圖表舉例列出常見對象相等情況

普通相等
完全相等

【完】

javascript中!=、!==、==、===操作符總結