js與運算符和或運算符的妙用
如下題用if else實現(xiàn)不同條件下(add_step的變化), add_level的結(jié)果值不同:
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來實現(xiàn):
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通過||和&&來實現(xiàn):
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
}
相關(guān)文章
es6 for循環(huán)中l(wèi)et和var區(qū)別詳解
這篇文章主要介紹了es6 for循環(huán)中l(wèi)et和var區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
JavaScript?的setTimeout與事件循環(huán)機制event-loop
這篇文章主要介紹了JavaScript?的setTimeout與事件循環(huán)機制event-loop,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-07-07
chrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法
下面小編就為大家?guī)硪黄猚hrome下判斷點擊input上標(biāo)簽還是其余標(biāo)簽的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
JavaScript實現(xiàn)數(shù)值自動增加動畫
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)數(shù)值自動增加動畫,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12
JavaScript垃圾回收機制(引用計數(shù),標(biāo)記清除,性能優(yōu)化)
這篇文章主要介紹了JavaScript垃圾回收機制(引用計數(shù),標(biāo)記清除,性能優(yōu)化),垃圾回收是JavaScript的隱藏機制,我們通常無需為垃圾回收勞心費力,只需要專注功能的開發(fā)就好了2022-07-07
js 數(shù)組操作之pop,push,unshift,splice,shift
本篇文章主要介紹了js數(shù)組操作之pop,push,unshift,splice,shift。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01

