js與運(yùn)算符和或運(yùn)算符的妙用
更新時(shí)間：2014年02月14日 12:33:06 作者：
這篇文章主要介紹了js與運(yùn)算符和或運(yùn)算符的使用方法,需要的朋友可以參考下
如下題用if else實(shí)現(xiàn)不同條件下（add_step的變化）， add_level的結(jié)果值不同：
復(fù)制代碼 代碼如下:
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）以上功能也可以通過(guò)switch來(lái)實(shí)現(xiàn)：
復(fù)制代碼 代碼如下:
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通過(guò)||和&&來(lái)實(shí)現(xiàn)：
復(fù)制代碼 代碼如下:
var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0;
3）第2種寫法也可以簡(jiǎn)寫為：
復(fù)制代碼 代碼如下:
var add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;
從第2種寫法中可以得出一個(gè)基本公式：
復(fù)制代碼 代碼如下:
add_step==5 && add_level=1
等價(jià)于 <==>
復(fù)制代碼 代碼如下:
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ū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
基于p5.js 2D圖像接口的擴(kuò)展（交互實(shí)現(xiàn)）
這篇文章主要為大家詳細(xì)介紹了基于p5.js 2D圖像接口的擴(kuò)展，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript?的setTimeout與事件循環(huán)機(jī)制event-loop
這篇文章主要介紹了JavaScript?的setTimeout與事件循環(huán)機(jī)制event-loop，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
chrome下判斷點(diǎn)擊input上標(biāo)簽還是其余標(biāo)簽的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇chrome下判斷點(diǎn)擊input上標(biāo)簽還是其余標(biāo)簽的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
這篇文章主要介紹了JavaScript瀏覽器方向的優(yōu)化，文章圍繞主題展開詳細(xì)的內(nèi)容介紹具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-05-05
JavaScript實(shí)現(xiàn)數(shù)值自動(dòng)增加動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)數(shù)值自動(dòng)增加動(dòng)畫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
JavaScript垃圾回收機(jī)制(引用計(jì)數(shù),標(biāo)記清除,性能優(yōu)化)
這篇文章主要介紹了JavaScript垃圾回收機(jī)制(引用計(jì)數(shù),標(biāo)記清除,性能優(yōu)化),垃圾回收是JavaScript的隱藏機(jī)制，我們通常無(wú)需為垃圾回收勞心費(fèi)力，只需要專注功能的開發(fā)就好了2022-07-07
詳解Webpack抽離第三方類庫(kù)以及common解決方案
這篇文章主要介紹了詳解Webpack抽離第三方類庫(kù)以及common解決方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
本篇文章主要介紹了微信小程序之多文件下載的簡(jiǎn)單封裝示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
js 數(shù)組操作之pop,push,unshift,splice,shift
本篇文章主要介紹了js數(shù)組操作之pop,push,unshift,splice,shift。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01