JavaScript代碼里的判斷小結(jié)
比較判斷
比較判斷是比較兩個值,返回一個布爾值,表示是否滿足比較條件。JavaScript一共提供了8個比較運(yùn)算符,這里主要說一下嚴(yán)格相等運(yùn)算符和相等運(yùn)算符的區(qū)別
嚴(yán)格相等運(yùn)算符===
判斷 返回 兩個值類型不同 false 兩個值都是null/undefined/true/false true 兩個值其中之一為NaN false 兩個值都為數(shù)值且值相等 true 兩個值都為字符串,且值相等 true 兩個值都指向同一個引用類型 true 1 === "1" // false true === true // true undefined === undefined // true null === null // true 1 === 1 // true NaN === NaN // false +0 === -0 // true ({} === {}) // false [] === [] // false (function (){} === function (){}) // false var v1 = {}; var v2 = v1; //兩個值引用同一個對象 v1 === v2 // true
嚴(yán)格相等運(yùn)算符有一個對應(yīng)的嚴(yán)格不相等運(yùn)算符(!==),兩者的運(yùn)算結(jié)果正好相反
相等運(yùn)算符==
if 相等運(yùn)算符比較相同類型的數(shù)據(jù)時,同嚴(yán)格相等運(yùn)算符 else if 相等運(yùn)算符比較不同類型的數(shù)據(jù)時: 原始類型的數(shù)據(jù)會轉(zhuǎn)換成數(shù)值類型,把字符串和布爾值都轉(zhuǎn)為數(shù)值,再進(jìn)行比較 null == undefined 返回true 一個是對象,另一個是數(shù)字或者字符串,把對象轉(zhuǎn)成基本類型值再比較 else false 123 == 123; //true '123' == 123; //true,'123'會轉(zhuǎn)成成數(shù)值123 false == 0; //true,false 轉(zhuǎn)成數(shù)值就是0 'a' == 'A'; //false,轉(zhuǎn)換后的編碼不一樣 123 == {}; //false,執(zhí)行toString()或valueOf()會改變 123 == NaN; //false,只要有NaN,都是false {} == {}; //false,比較的是他們的地址,每個新創(chuàng)建對象的引用地址都不同 null == undefined //true 'NaN' == NaN //false 123 == NaN //false NaN == NaN //false false == 0 //true true == 1 //true true == 2 //false undefined == 0 //false null == 0 //false '123' == 123 //true '123' === 123 //false
相等運(yùn)算符有一個對應(yīng)的不相等運(yùn)算符(!=),兩者的運(yùn)算結(jié)果正好相反
!!判斷
!!相當(dāng)于Boolean
,寫代碼時用!!轉(zhuǎn)化為Boolean
類型做判斷非常好用
!!'xzavier'; // true !!''; // false !!'0'; // true !!'1'; // true !!'-1' // true !!0 // false !!undefined // false !!null // false !!NaN // false !!{}; // true !!{name:'xz'} // true !![]; // true !![1,2,3]; // true !!true; // true
!判斷
取反運(yùn)算符 ! 用于將布爾值變?yōu)橄喾粗?,即true變成false,false變成true。對于非布爾值的數(shù)據(jù),取反運(yùn)算符會自動將其轉(zhuǎn)為布爾值。規(guī)則是,以下六個值取反后為true,其他值取反后都為false
undefined null false 0(包括+0和-0) NaN 空字符串('') !undefined // true !null // true !false // true !0 // true !NaN // true !"" // true !54 // false !'hello' // false ![] // false ![1,2,3] // false !{} // false !{name:'xz'} // false
[]和{}判斷
對于[]和{},我們在業(yè)務(wù)代碼中肯定會對其做判斷,如上
!!{}; // true !!{name:'xz'} // true !![]; // true !![1,2,3]; // true
不能用!!和!做判斷,對于數(shù)組,我們用它的length
屬性做判斷
[].length // 0 false [1,2,3].length // 3 true
對象的話,可以采用jQuery的方法$.isEmptyObject(obj)
,也可以js封裝一個方法,就模仿jQuery 寫一個
function isEmptyObject(obj) { var name; for ( name in obj ) { return false; } return true; } isEmptyObject({}); //true isEmptyObject({name: 'xzavier'}); false
推薦一個工具庫underscore
,它也有個方法isEmpty(object)
const _ = require('underscore'); _.isEmpty({}); // true
&&判斷
用在條件表達(dá)式中,規(guī)則是:
num1 && num2 true true true true false false false true false false false false
用在語句中,規(guī)則是 :
result = expression1 && expression2
如果expression1的計算結(jié)果為false,則result為expression1。否則result為expression2
(1 - 1) && ( x += 1) // 0 (2 > 1) && ( 5 + 5) // 10 (2 + 1) && ( 5 + 5) // 10
||判斷
用在條件表達(dá)式中,規(guī)則是:
num1 || num2 true true true true false true false true true false false false
用在語句中,規(guī)則是:
如果第一個運(yùn)算子的布爾值為true,則返回第一個運(yùn)算子的值,且不再對第二個運(yùn)算子求值
如果第一個運(yùn)算子的布爾值為false,則返回第二個運(yùn)算子的值
||運(yùn)算符一般在業(yè)務(wù)代碼中做條件表達(dá)式判斷和容錯處理,我們在取數(shù)據(jù)時取不到的情況下,又不能影響后面的業(yè)務(wù)代碼,就需要進(jìn)行容錯。||就是一個非常好的容錯寫法,相當(dāng)于提供一個備用數(shù)據(jù)。
var data = undefined || backup_data; //請求出錯,數(shù)據(jù)為undefined時,就去備用數(shù)據(jù)backup_data
三目判斷
規(guī)則:
condition ? expression1 : expression2; function absN(xzavier) { return xzavier > 0 ? xzavier : -xzavier; } absN(-123); //123 absN(123); //123
如果第一個表達(dá)式的布爾值為true,則返回第二個表達(dá)式的值,否則返回第三個表達(dá)式的值。
總結(jié)
以上就是為大家整理JavaScript代碼里的判斷的全部內(nèi)容個,希望本文的內(nèi)容對大家使用Javascript能有所幫助。
相關(guān)文章
Javascript控制div屬性動態(tài)變化實例分析
這篇文章主要介紹了Javascript控制div屬性動態(tài)變化,以實例形式較為詳細(xì)的分析了JavaScript響應(yīng)鼠標(biāo)事件動態(tài)操作頁面元素屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10JS 動態(tài)加載js文件和css文件 同步/異步的兩種簡單方式
下面小編就為大家?guī)硪黄狫S 動態(tài)加載js文件和css文件 同步/異步的兩種簡單方式。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09