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

