js與運算子和或運算子的妙用

如下題用if else實現不同條件下（add_step的變化）， add_level的結果值不同：
複製代碼 代碼如下:
var add_level = 0;
if(add_step == 5){
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;
break;
case 12 : 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

}