首頁 >web前端 >js教程 >JS中&& 與 ||用法

JS中&& 與 ||用法

一个新手
一个新手原創
2017-10-20 10:36:342145瀏覽

在對於流程控制語句當中,我們最熟悉不過的就是

 if( 条件 ){   //代码块  
 }else {   //代码块
 }

對於一個執行不同的程式碼來說,如果執行的程式碼很多,可能就有必要使用上面這種方式

但往往我們開發當中,也會碰到一些賦值運算,如果使用上面方式,未免顯得太過冗餘。

舉例:

 num1 = 10 num2 = 20

可以看見以上方式,只是輸出一個結果,卻用了五行程式碼來去實現。

接下來,我們見證下怎麼使用一行程式碼去取代上面五行程式碼實現的結果

 var num1 = 10; var num2 = 20; 
 // 第一种方式 也可以使用 三目运算符
 alert( num2 > mum1 ? num2 : num1 ); 
 //第二种方式  就是使用 && ,||
 alert( num2 > num1 && num2 || num1 );

使用&&,|| 比三目運算的優勢在於,它可以判斷多個條件,也可以單獨使用

舉個&& 例子:

var num1 = 10;var num2 = 5;// 假如 num1,num2 都大于10 则输出 num1+num2;
   var result = num1>10 && num2 >10 && num1+ num2 || 0;
       alert(result);

我們開發知道,在開發當中,讀取後端返回的資料可能因某種原因而未讀取到,那麼接收的資料如果是對象,都會在接收該欄位的時候額外加上沒有取得到時的欄位

舉個|| 範例:

var  reuslt = res && res.data || [];      
if ( result.length ) return;

使用這種方式,可以透過條件判斷是否使用該變量,假如是對象,如果沒有取得到,而使用該對象屬性,則會報錯。

而避免這種模式,就是在使用的時候,一定要判斷,判斷,判斷

以上是JS中&& 與 ||用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn