DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談JS中的!=、== 、!==、===的用法和區別
淺談JS中的!=、== 、!==、===的用法和區別
編輯:關於JavaScript     
var num = 1; 
  
var str = '1'; 
  
var test = 1; 
  
test == num  //true 相同類型 相同值 
  
test === num //true 相同類型 相同值 
  
test !== num //false test與num類型相同,其值也相同, 非運算肯定是false 
  
num == str  //true  把str轉換為數字,檢查其是否相等。 
  
num != str  //false == 的 非運算 
  
num === str //false 類型不同,直接返回false 
  
num !== str //true  num 與 str類型不同 意味著其兩者不等 非運算自然是true啦

== 和 != 比較若類型不同,先償試轉換類型,再作值比較,最後返回值比較結果 。

=== 和 !== 只有在相同類型下,才會比較其值。
 
首先,== equality 等同,=== identity 恆等。

==, 兩邊值類型不同的時候,要先進行類型轉換,再比較。

===,不做類型轉換,類型不同的一定不等。

下面分別說明:

先說 ===,這個比較簡單。下面的規則用來判斷兩個值是否===相等:

1、如果類型不同,就[不相等]

2、如果兩個都是數值,並且是同一個值,那麼[相等];(!例外)的是,如果其中至少一個是NaN,那麼[不相等]。(判斷一個值是否是NaN,只能用isNaN()來判斷)

3、如果兩個都是字符串,每個位置的字符都一樣,那麼[相等];否則[不相等]。

4、如果兩個值都是true,或者都是false,那麼[相等]。

5、如果兩個值都引用同一個對象或函數,那麼[相等];否則[不相等]。

6、如果兩個值都是null,或者都是undefined,那麼[相等]。

再說 ==,根據以下規則:

1、如果兩個值類型相同,進行 === 比較。

2、如果兩個值類型不同,他們可能相等。根據下面規則進行類型轉換再比較:

a、如果一個是null、一個是undefined,那麼[相等]。

b、如果一個是字符串,一個是數值,把字符串轉換成數值再進行比較。

c、如果任一值是 true ,把它轉換成 1 再比較;如果任一值是 false,把它轉換成 0 再比較。

d、如果一個是對象,另一 個是數值或字符串,把對象轉換成基礎類型的值再比較。對象轉換成基礎類型,利用它的toString或者valueOf方法。js核心內置類,會嘗試 valueOf先於toString;例外的是Date,Date利用的是toString轉換。非js核心的對象,令說(比較麻煩,我也不大懂)

e、任何其他組合,都[不相等]。

舉例:

"1" == true

類型不等,true會先轉換成數值 1,現在變成 "1" == 1,再把"1"轉換成 1,比較 1 == 1, 相等。

= 賦值運算符
== 等於
=== 嚴格等於

例:
var a = 3;
var b = "3";

a==b 返回 true
a===b 返回 false

因為a,b的類型不一樣

===用來進行嚴格的比較判斷

var data = ({"val":"7","flag":"true"});
<FONT face=Verdana></FONT>

下面需要如何判斷flag的值?

因為true加雙引號==推測是字符串true

如果不加雙引號===就是布爾值true

這個很重要,之前我一直沒有搞清楚這一點

寫法1

if(data.flag=true){…}else{..}

這樣寫怎麼都是正確的,根本得不到else的值,原因是這種寫法相當於

if(true){…}

寫法2

if(data.flag==true){…}else{..}

沒有這種寫法

寫法3

if(data.flag='true'){…}else{..}

這樣寫怎麼都是正確的,根本得不到else的值,原因是這種寫法相當於

if(true){…}

寫法4

if(data.flag=='true'){…}else{..}

這個才是正確的寫法

“=”:這個表示賦值,不是表示運算符

“==”:表示等於(值)

“===”:表示全等於(類型和值)

以上就是小編為大家帶來的淺談JS中的!=、== 、!==、===的用法和區別的全部內容了,希望對大家有所幫助,多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved