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

js與運算子和或運算子的妙用_javascript技巧

WBOY
發布: 2016-05-16 16:59:54
原創
1250 人瀏覽過

如下題用if else實現不同條件下(add_step的變化), add_level的結果值不同:

複製代碼程式碼如下:

var add_level = 0;
if(add_step == 5){
add_level = 1;
}
else if(add_level = 1;
}
else if(add_step == 10) {
add_level = 2;
}
else if(add_step == 12){
add_level = 3;
}
else if(add_step == 15){
add_level = 4;
}
else {
add_level = 0;
}


1)以上功能也可以透過switch來實現:複製程式碼
程式碼如下:



程式碼如下:



程式碼如下:




var add_level = 0; switch(add_step){

case 5 : add_level = 1;
break;

case 10 : add_level = 2; ; : add_level = 3; break; case 15 : add_level = 4; break; default : add_level = 0; break;


2)Javasctipt通過||和&&來實現:


複製代碼 代碼如下:var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0;


3)第2種寫法也可以簡寫為:


複製代碼 代碼如下:var add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;


從第2種寫法中可以得出一個基本公式:


複製代碼 代碼如下:
add_step==5 && add_level=1

等價於


複製代碼 程式碼如下:if(add_step==5){   add_level = 1 }
相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板