JS中比Switch...Case更優(yōu)雅的多條件判斷寫法
前言
前幾天,本人負(fù)責(zé)編寫網(wǎng)站上線的環(huán)境判斷功能,其中涉及到大量多條件判斷的code。對于多條件判斷寫法,大部分程序員都是采用if...else if...else或者switch...case的寫法,但是有一種多條件判斷寫法,比傳統(tǒng)寫法更加有趣且優(yōu)雅——對象屬性判斷法。
實例展示
廢話不多說了,下面直接用三個實例,給大家分別展示三種不同的多條件判斷寫法。
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. 對象屬性判斷法
function whatFood(mealtime) { const food = { breakfasttime: 'egg', lunchtime: 'vegetable', dinnertime: 'fruit' } return food[mealtime] ? food[mealtime] : 'cookie'; }
總結(jié)
相信你通過上面三個實例,已經(jīng)看到了不同寫法孰優(yōu)孰劣,如果你有更好的多條件判斷寫法,歡迎留言討論,祝工作順利,生活愉快。
好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。
相關(guān)文章
String.prototype實現(xiàn)的一些javascript函數(shù)介紹
這篇文章主要是對String.prototype實現(xiàn)的一些javascript函數(shù)進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11javascript當(dāng)onmousedown、onmouseup、onclick同時應(yīng)用于同一個標(biāo)簽節(jié)點(diǎn)Element
先通過一個簡單例子測試并發(fā)現(xiàn)我說的問題,讓你有個直觀的印象,再接著看我的解決辦法。2010-01-01