淺談JS中的!=、== 、!==、===的用法和區(qū)別
var num = 1; var str = '1'; var test = 1; test == num //true 相同類型 相同值 test === num //true 相同類型 相同值 test !== num //false test與num類型相同,其值也相同, 非運(yùn)算肯定是false num == str //true 把str轉(zhuǎn)換為數(shù)字,檢查其是否相等。 num != str //false == 的 非運(yùn)算 num === str //false 類型不同,直接返回false num !== str //true num 與 str類型不同 意味著其兩者不等 非運(yùn)算自然是true啦
== 和 != 比較若類型不同,先償試轉(zhuǎn)換類型,再作值比較,最后返回值比較結(jié)果 。
而
=== 和 !== 只有在相同類型下,才會比較其值。
首先,== equality 等同,=== identity 恒等。
==, 兩邊值類型不同的時候,要先進(jìn)行類型轉(zhuǎn)換,再比較。
===,不做類型轉(zhuǎn)換,類型不同的一定不等。
下面分別說明:
先說 ===,這個比較簡單。下面的規(guī)則用來判斷兩個值是否===相等:
1、如果類型不同,就[不相等]
2、如果兩個都是數(shù)值,并且是同一個值,那么[相等];(!例外)的是,如果其中至少一個是NaN,那么[不相等]。(判斷一個值是否是NaN,只能用isNaN()來判斷)
3、如果兩個都是字符串,每個位置的字符都一樣,那么[相等];否則[不相等]。
4、如果兩個值都是true,或者都是false,那么[相等]。
5、如果兩個值都引用同一個對象或函數(shù),那么[相等];否則[不相等]。
6、如果兩個值都是null,或者都是undefined,那么[相等]。
再說 ==,根據(jù)以下規(guī)則:
1、如果兩個值類型相同,進(jìn)行 === 比較。
2、如果兩個值類型不同,他們可能相等。根據(jù)下面規(guī)則進(jìn)行類型轉(zhuǎn)換再比較:
a、如果一個是null、一個是undefined,那么[相等]。
b、如果一個是字符串,一個是數(shù)值,把字符串轉(zhuǎn)換成數(shù)值再進(jìn)行比較。
c、如果任一值是 true ,把它轉(zhuǎn)換成 1 再比較;如果任一值是 false,把它轉(zhuǎn)換成 0 再比較。
d、如果一個是對象,另一 個是數(shù)值或字符串,把對象轉(zhuǎn)換成基礎(chǔ)類型的值再比較。對象轉(zhuǎn)換成基礎(chǔ)類型,利用它的toString或者valueOf方法。js核心內(nèi)置類,會嘗試 valueOf先于toString;例外的是Date,Date利用的是toString轉(zhuǎn)換。非js核心的對象,令說(比較麻煩,我也不大懂)
e、任何其他組合,都[不相等]。
舉例:
"1" == true
類型不等,true會先轉(zhuǎn)換成數(shù)值 1,現(xiàn)在變成 "1" == 1,再把"1"轉(zhuǎn)換成 1,比較 1 == 1, 相等。
= 賦值運(yùn)算符
== 等于
=== 嚴(yán)格等于
例:
var a = 3;
var b = "3";
a==b 返回 true
a===b 返回 false
因?yàn)閍,b的類型不一樣
===用來進(jìn)行嚴(yán)格的比較判斷
var data = ({"val":"7","flag":"true"});
<FONT face=Verdana></FONT>
下面需要如何判斷flag的值?
因?yàn)閠rue加雙引號==推測是字符串true
如果不加雙引號===就是布爾值true
這個很重要,之前我一直沒有搞清楚這一點(diǎn)
寫法1
if(data.flag=true){…}else{..}
這樣寫怎么都是正確的,根本得不到else的值,原因是這種寫法相當(dāng)于
if(true){…}
寫法2
if(data.flag==true){…}else{..}
沒有這種寫法
寫法3
if(data.flag='true'){…}else{..}
這樣寫怎么都是正確的,根本得不到else的值,原因是這種寫法相當(dāng)于
if(true){…}
寫法4
if(data.flag=='true'){…}else{..}
這個才是正確的寫法
“=”:這個表示賦值,不是表示運(yùn)算符
“==”:表示等于(值)
“===”:表示全等于(類型和值)
以上就是小編為大家?guī)淼臏\談JS中的!=、== 、!==、===的用法和區(qū)別的全部內(nèi)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
實(shí)現(xiàn)高性能javascript的注意事項(xiàng)
JavaScript代碼在web應(yīng)用程序中經(jīng)常用到,但是很多開發(fā)者忽視了一些性能方面的知識,如何編寫高性能javascript代碼呢?接下來,小編跟大家一起學(xué)習(xí)2019-05-05
使用JS判斷是否數(shù)字和小數(shù)點(diǎn)組合的數(shù)字的兩中方法比較(isNaN和逐判斷)
使用js判斷數(shù)字和小數(shù)點(diǎn)的方法非常之多。但是就目前而言,我見過最好用的判斷方法應(yīng)該來說是isNaN,它比較方便,而逐個比較的方法有一定的弊端。2009-09-09
bootstrap-table formatter 使用vue組件的方法
Bootstrap table是國人開發(fā)的一款基于 Bootstrap 的 jQuery 表格插件,通過簡單的設(shè)置,就可以擁有強(qiáng)大的單選、多選、排序、分頁,以及編輯、導(dǎo)出、過濾(擴(kuò)展)等等的功能。這篇文章重點(diǎn)給大家介紹bootstrap-table formatter 使用vue組件的方法,感興趣的朋友一起看看2019-05-05
微信小程序有旋轉(zhuǎn)動畫效果的音樂組件實(shí)例代碼
這篇文章主要介紹了微信小程序有旋轉(zhuǎn)動畫效果的音樂組件,需要的朋友可以參考下2018-08-08
JavaScript中的console.trace()函數(shù)介紹
這篇文章主要介紹了JavaScript中的console.trace()函數(shù)詳細(xì)介紹,console.trace()函數(shù)用來打印函數(shù)調(diào)用的棧信息,需要的朋友可以參考下2014-12-12
關(guān)于js new Date() 出現(xiàn)NaN 的分析
在一個項(xiàng)目中需要進(jìn)行日期的格式化,后臺傳到前端是時間的整數(shù)(Date.getTime),當(dāng)后臺數(shù)據(jù)返回字符串時,發(fā)現(xiàn)轉(zhuǎn)換日期時在ie下變成NaN,但是真的是這樣嗎?接下來我們慢慢分析2012-10-10
JavaScript中你不得不知道的Promise高級用法分享
在JavaScript中,Promise是一種解決異步編程問題的重要方式,本文主要來和大家探討一下23個Promise的高級用法,每一個都在JavaScript的海洋中航行,讓開發(fā)者們能夠以更高效、優(yōu)雅的方式處理異步操作,希望對大就有所幫助2023-12-12

