快捷導(dǎo)航

Javascript 中的 && 和 || 使用小結(jié)

更新時(shí)間：2010年04月25日 01:50:10 作者：

Javascript 中的 && 和 || ，有時(shí)候用作條件判斷，非常的簡(jiǎn)潔，不熟悉的朋友可能不太了解，這里最后有個(gè)朋友補(bǔ)充，非常的好。

普通情況下的 && 和 || 比較簡(jiǎn)單，這里不進(jìn)行討論。

準(zhǔn)備兩個(gè)對(duì)象用于下面的討論。

 
var alice = { 
name: "alice", 
toString: function () { 
return this.name; 
} 
} 

var smith = { 
name: "smith", 
toString: function () { 
return this.name; 
} 
} 

在 javascript 中，對(duì)于 && 不僅僅可以用于 boolean 類(lèi)型，也不僅僅返回 Boolean 類(lèi)型的結(jié)果。
l 如果第一個(gè)操作數(shù)是 Boolean 類(lèi)型，而且值為 false ，那么直接返回 false。
l 如果第一個(gè)操作數(shù)是 Boolean 類(lèi)型，而且值為 true，另外一個(gè)操作數(shù)是 object 類(lèi)型，那么將返回這個(gè)對(duì)象。
l 如果兩個(gè)操作數(shù)都是 object 類(lèi)型，那么，返回第二個(gè)對(duì)象。
l 如果任何一個(gè)操作數(shù)是 null，那么，返回 null。
l 如果任何一個(gè)操作數(shù)是 NaN，那么返回 NaN。
l 如果任何一個(gè)操作數(shù)是 undefinded，那么返回 undefined。

alert(false && alice); // false
alert(true && alice); // alice

alert(alice && smith); // smith
alert(smith && alice); // alice

alert(null && alice); // null
alert(NaN && alice); // NaN
alert(undefined && alice); // undefined
alert(alice && undefined); // undefined

對(duì)于 || 來(lái)說(shuō)，同樣也不僅僅用于 Boolean 類(lèi)型，也不僅僅返回 Boolean 類(lèi)型的結(jié)果。
事實(shí)上，null、undefined、NaN 都將被看作 false。而對(duì)象被當(dāng)作 true。

l 如果第一個(gè)操作數(shù)是 boolean 類(lèi)型，而且值為 true，那么，直接返回 true。
l 如果第一個(gè)操作數(shù)是 Boolean 類(lèi)型，而且值為 false ，第二個(gè)操作數(shù)為 object，那么返回 object 對(duì)象。
l 如果兩個(gè)操作數(shù)都是 object 類(lèi)型，那么返回第一個(gè)對(duì)象。
l 如果兩個(gè)操作數(shù)都是 null，那么，返回 null。
l 如果兩個(gè)操作數(shù)都是 NaN，那么返回 NaN。
l 如果兩個(gè)操作數(shù)都是 undefined，那么，返回 undefined。
alert(false || alice); // alice

alert(true || alice); // true

alert(alice || smith); // alice

alert(smith || alice); // smith

alert(null || alice); // alice

alert(alice || null); // alice

alert(null || null); // null

alert(NaN || alice); // alice

alert(alice || NaN); // alice

alert(NaN || NaN); // NaN

alert(undefined || alice); // alice

alert(alice || undefined); // alice

alert(undefined || undefined); // undefined

不用搞得這么復(fù)雜推薦大家看這部分的說(shuō)明
a && b : 將a, b轉(zhuǎn)換為Boolean類(lèi)型, 再執(zhí)行邏輯與, true返回b, false返回a
a || b : 將a, b轉(zhuǎn)換為Boolean類(lèi)型, 再執(zhí)行邏輯或, true返回a, false返回b
轉(zhuǎn)換規(guī)則:
對(duì)象為true
非零數(shù)字為true
非空字符串為true
其他為false

相關(guān)文章可以參考下面幾篇，綜合一下
js 與或運(yùn)算符 || && 妙用
 js利用與或運(yùn)算符優(yōu)先級(jí)實(shí)現(xiàn)if else條件判斷表達(dá)式
 javascript &&和||運(yùn)算法的另類(lèi)使用技巧

您可能感興趣的文章: