JS中比Switch...Case更優(yōu)雅的多條件判斷寫法
前言
前幾天,本人負(fù)責(zé)編寫網(wǎng)站上線的環(huán)境判斷功能,其中涉及到大量多條件判斷的code。對(duì)于多條件判斷寫法,大部分程序員都是采用if...else if...else或者switch...case的寫法,但是有一種多條件判斷寫法,比傳統(tǒng)寫法更加有趣且優(yōu)雅——對(duì)象屬性判斷法。
實(shí)例展示
廢話不多說了,下面直接用三個(gè)實(shí)例,給大家分別展示三種不同的多條件判斷寫法。
1. if...else if...else
function whatFood(mealtime) { let food = ''; if (mealtime === 'breakfasttime') { food = 'egg'; } else if (mealtime === 'lunchtime') { food = 'vegetable' } else if (mealtime === 'dinnertime') { food = 'fruit' } else { food = 'cookie' } return food; }
2. switch...case
function whatFood(mealtime) { let food = ''; switch (mealtime) { case 'breakfasttime': food = 'egg'; break; case 'lunchtime': food = 'vegetable'; break; case 'dinnertime': food = 'fruit'; break; default: food = 'cookie'; } return food; }
3. 對(duì)象屬性判斷法
function whatFood(mealtime) { const food = { breakfasttime: 'egg', lunchtime: 'vegetable', dinnertime: 'fruit' } return food[mealtime] ? food[mealtime] : 'cookie'; }
總結(jié)
相信你通過上面三個(gè)實(shí)例,已經(jīng)看到了不同寫法孰優(yōu)孰劣,如果你有更好的多條件判斷寫法,歡迎留言討論,祝工作順利,生活愉快。
好了,以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Javascript 兩個(gè)窗體之間傳值實(shí)現(xiàn)代碼
眾所周知window.open() 函數(shù)可以用來打開一個(gè)新窗口,那么如何在子窗體中向父窗體傳值呢,其實(shí)通過window.opener即可獲取父窗體的引用。2009-09-09JS返回上一頁實(shí)例代碼通過圖片和按鈕分別實(shí)現(xiàn)
返回上一頁的方法有很多,本代碼通過圖片和按鈕分別實(shí)現(xiàn),感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08String.prototype實(shí)現(xiàn)的一些javascript函數(shù)介紹
這篇文章主要是對(duì)String.prototype實(shí)現(xiàn)的一些javascript函數(shù)進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11微信小程序常見頁面跳轉(zhuǎn)操作簡(jiǎn)單示例
這篇文章主要介紹了微信小程序常見頁面跳轉(zhuǎn)操作,結(jié)合簡(jiǎn)單實(shí)例形式總結(jié)分析了微信小程序保留頁面跳轉(zhuǎn)、關(guān)閉頁面跳轉(zhuǎn)、返回上一級(jí)頁面等各種常見的跳轉(zhuǎn)操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05javascript當(dāng)onmousedown、onmouseup、onclick同時(shí)應(yīng)用于同一個(gè)標(biāo)簽節(jié)點(diǎn)Element
先通過一個(gè)簡(jiǎn)單例子測(cè)試并發(fā)現(xiàn)我說的問題,讓你有個(gè)直觀的印象,再接著看我的解決辦法。2010-01-01