JS中比Switch...Case更優(yōu)雅的多條件判斷寫法

來源：懂視網責編：小采時間：2020-11-27 21:51:10

JS中比Switch...Case更優(yōu)雅的多條件判斷寫法

JS中比Switch...Case更優(yōu)雅的多條件判斷寫法:前言前幾天，本人負責編寫網站上線的環(huán)境判斷功能，其中涉及到大量多條件判斷的code。對于多條件判斷寫法，大部分程序員都是采用if...else if...else或者switch...case的寫法，但是有一種多條件判斷寫法，比傳統(tǒng)寫法更加有趣且優(yōu)雅——對象屬性判斷法。

推薦度：

點擊下載本文 文檔為doc格式

導讀JS中比Switch...Case更優(yōu)雅的多條件判斷寫法:前言前幾天，本人負責編寫網站上線的環(huán)境判斷功能，其中涉及到大量多條件判斷的code。對于多條件判斷寫法，大部分程序員都是采用if...else if...else或者switch...case的寫法，但是有一種多條件判斷寫法，比傳統(tǒng)寫法更加有趣且優(yōu)雅——對象屬性判斷法。

前言

前幾天，本人負責編寫網站上線的環(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';
}

總結

相信你通過上面三個實例，已經看到了不同寫法孰優(yōu)孰劣，如果你有更好的多條件判斷寫法，歡迎留言討論，祝工作順利，生活愉快。

好了，

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com