首頁 > web前端 > js教程 > 主體

JavaScript中的邏輯判斷符&&、||與!介紹_javascript技巧

WBOY
發布: 2016-05-16 16:23:07
原創
2229 人瀏覽過

與C、Java等語言一樣,JavaScript中可以用&&、||、!三個邏輯判斷符來對boolean值進行邏輯判斷。與C、Java不同的是,JavaScript中邏輯與(&&)和邏輯或(||)運算元可以應用在任何值上,而操作結束後回傳的也不一定是boolean值。

邏輯與&&的處理規則

JavaScript中&&的處理規則是這樣的:

1.判斷第一個值是否為Falsy。如果為Falsy,則直接傳回第一個值(不一定是boolean型別)。
2.如果第一個值為Truthy,則直接傳回第二個值(不一定為boolean型別)。

複製程式碼 程式碼如下:

var o = {x:1, y:2};
console.log(o && o.y);//2
console.log(null && x);//null

邏輯或||的處理規則

與&&運算子類似,JavaScript中||的處理規則是這樣的:

1.判斷第一個值是否為Truthy。如果為Truthy,則直接傳回第一個值(不一定為boolean型別)。
2.如果第一個值為Falsy,則直接傳回第二個值(不一定為boolean型別)。

||操作符的這種行為使得JavaScript中一些快捷寫法成為現實:

1. 從一系列值中取得第一個Truthy值:

複製程式碼 程式碼如下:

var a = null;
var b = 42;
var v = a || b || 100;
console.log(v);//42

2. 對函數中的參數賦以預設值:
複製程式碼 程式碼如下:

function test(p){
  p = p || {};//if p is not passed, make it an empty object.
}

與&&和||不同,!操作符的行為與C、Java等語言是一致的,只回傳boolean值(true或false)。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板