當(dāng)處理多條件判斷時，使用對象、map或策略模式等方法能顯著提升代碼的可讀性與可維護性，并優(yōu)化性能。傳統(tǒng)的 if/else 或 switch 語句在面對大量條件時會導(dǎo)致冗長、嵌套復(fù)雜的代碼結(jié)構(gòu)，增加出錯概率，且難以擴展和修改。1. 使用對象或 map 可將條件與操作直接映射，減少冗余代碼，提高查找效率；2. 策略模式通過封裝不同算法到獨立類中，實現(xiàn)邏輯解耦與動態(tài)切換，增強可擴展性與靈活性；3. 函數(shù)式編程利用高階函數(shù)和函數(shù)組合簡化條件判斷流程，提升代碼簡潔性與可測試性；4. 決策表以表格形式組織復(fù)雜條件邏輯，使結(jié)構(gòu)清晰易維護。最終選擇應(yīng)根據(jù)具體場景權(quán)衡可讀性、性能、可維護性與擴展性，選取最適合的方案。
多個條件并列判斷，核心在于如何讓代碼更清晰、更易維護，同時兼顧性能。沒有絕對的“最佳”，只有最適合當(dāng)前場景的方案。
使用對象或 Map 優(yōu)化條件判斷。
為什么傳統(tǒng)的 if/else 或 switch 語句在多條件判斷時會顯得笨重？
當(dāng)條件數(shù)量增加時，if/else 嵌套會變得難以閱讀和維護。想象一下，如果需要判斷用戶權(quán)限，權(quán)限類型有十幾種，每個權(quán)限對應(yīng)不同的操作，if/else 會變成一個巨大的金字塔。switch 語句雖然稍微好一些，但仍然需要大量的 case 語句，代碼冗余度較高。更糟糕的是，如果條件判斷的邏輯發(fā)生變化，比如新增了一種權(quán)限類型，或者修改了某個權(quán)限對應(yīng)的操作，就需要修改大量的代碼，容易出錯。
如何利用對象或 Map 優(yōu)化多條件判斷？
對象和 Map 的核心思想是將條件和對應(yīng)的操作關(guān)聯(lián)起來。舉個例子，假設(shè)我們有一個函數(shù)，根據(jù)用戶角色返回不同的歡迎語：
const roleGreetings = { admin: "Welcome, Administrator!", editor: "Welcome, Editor!", viewer: "Welcome, Viewer!", // 可以添加更多角色 }; function getGreeting(role) { return roleGreetings[role] || "Welcome, Guest!"; // 默認(rèn)歡迎語 } console.log(getGreeting("admin")); // 輸出: Welcome, Administrator! console.log(getGreeting("guest")); // 輸出: Welcome, Guest!
這里，roleGreetings 對象將角色和對應(yīng)的歡迎語關(guān)聯(lián)起來。getGreeting 函數(shù)只需要根據(jù)傳入的角色，從對象中查找對應(yīng)的歡迎語即可。如果角色不存在，則返回默認(rèn)的歡迎語。
使用 Map 的方式類似，但 Map 更加靈活，可以使用任意類型作為鍵：
const roleGreetingsMap = new Map([ ["admin", "Welcome, Administrator!"], ["editor", "Welcome, Editor!"], ["viewer", "Welcome, Viewer!"], ]); function getGreetingMap(role) { return roleGreetingsMap.get(role) || "Welcome, Guest!"; } console.log(getGreetingMap("editor")); // 輸出: Welcome, Editor!
對象和 Map 的優(yōu)點在于：
- 可讀性好： 條件和操作的對應(yīng)關(guān)系一目了然。
- 易于維護： 新增、修改或刪除條件，只需要修改對象或 Map 即可，無需修改大量的 if/else 或 switch 語句。
- 性能優(yōu)化： 對象和 Map 的查找效率通常比 if/else 或 switch 語句更高，尤其是在條件數(shù)量較多時。
使用策略模式簡化復(fù)雜邏輯
策略模式是一種行為型設(shè)計模式，它定義了一系列算法，并將每個算法封裝到單獨的類中，使得它們可以互相替換。這使得算法可以在不影響客戶端的情況下發(fā)生變化。
假設(shè)我們需要根據(jù)不同的支付方式計算訂單金額：
class CreditCardPayment { calculate(amount) { return amount * 1.02; // 信用卡手續(xù)費 2% } } class PayPalPayment { calculate(amount) { return amount * 1.01; // PayPal 手續(xù)費 1% } } class BitcoinPayment { calculate(amount) { return amount; // 比特幣支付無手續(xù)費 } } const paymentStrategies = { creditCard: new CreditCardPayment(), paypal: new PayPalPayment(), bitcoin: new BitcoinPayment(), }; function calculateOrderTotal(amount, paymentMethod) { const paymentStrategy = paymentStrategies[paymentMethod]; if (!paymentStrategy) { throw new Error("Invalid payment method"); } return paymentStrategy.calculate(amount); } console.log(calculateOrderTotal(100, "creditCard")); // 輸出: 102 console.log(calculateOrderTotal(100, "bitcoin")); // 輸出: 100
這里，我們將每種支付方式的計算邏輯封裝到單獨的類中，然后使用 paymentStrategies 對象將支付方式和對應(yīng)的類關(guān)聯(lián)起來。calculateOrderTotal 函數(shù)只需要根據(jù)傳入的支付方式，從對象中獲取對應(yīng)的類，然后調(diào)用其 calculate 方法即可。
策略模式的優(yōu)點在于：
- 代碼解耦： 將不同的算法封裝到單獨的類中，降低了代碼的耦合度。
- 可擴展性好： 新增一種算法，只需要添加一個新的類即可，無需修改現(xiàn)有的代碼。
- 靈活性高： 可以在運行時動態(tài)地選擇算法。
利用函數(shù)式編程的優(yōu)勢
函數(shù)式編程強調(diào)使用純函數(shù)和避免副作用。在多條件判斷的場景下，可以使用函數(shù)組合和高階函數(shù)來簡化代碼。
例如，我們可以使用 Array.prototype.reduce 方法將多個條件判斷組合成一個表達式：
const conditions = [ (x) => x > 10, (x) => x % 2 === 0, (x) => x < 100, ]; function checkConditions(x) { return conditions.reduce((acc, condition) => acc && condition(x), true); } console.log(checkConditions(20)); // 輸出: true console.log(checkConditions(11)); // 輸出: false
這里，conditions 數(shù)組包含了多個條件判斷函數(shù)。checkConditions 函數(shù)使用 reduce 方法將這些函數(shù)組合起來，只有當(dāng)所有條件都滿足時，才返回 true。
函數(shù)式編程的優(yōu)點在于：
- 代碼簡潔： 使用函數(shù)組合和高階函數(shù)可以減少代碼的冗余度。
- 可測試性好： 純函數(shù)易于測試，因為它們沒有副作用。
- 可維護性好： 函數(shù)式代碼通常更加模塊化，易于理解和維護。
如何處理復(fù)雜的條件邏輯？
當(dāng)條件邏輯非常復(fù)雜時，可以考慮使用決策表。決策表是一種表格，用于描述在不同條件下應(yīng)該采取的行動。
例如，假設(shè)我們需要根據(jù)用戶的年齡和性別，推薦不同的產(chǎn)品：
| 年齡 | 性別 | 推薦產(chǎn)品 |
|---|---|---|
| 男 | 游戲 | |
| 女 | 化妝品 | |
| >= 18 | 男 | 電子產(chǎn)品 |
| >= 18 | 女 | 服裝 |
可以使用對象或 Map 來表示決策表：
const decisionTable = { "<18": { "男": "游戲", "女": "化妝品", }, ">=18": { "男": "電子產(chǎn)品", "女": "服裝", }, }; function recommendProduct(age, gender) { const ageGroup = age < 18 ? "<18" : ">=18"; return decisionTable[ageGroup][gender]; } console.log(recommendProduct(16, "男")); // 輸出: 游戲 console.log(recommendProduct(20, "女")); // 輸出: 服裝
決策表的優(yōu)點在于：
- 清晰易懂： 將復(fù)雜的條件邏輯以表格的形式呈現(xiàn)，易于理解和溝通。
- 易于維護： 修改條件或行動，只需要修改表格即可。
- 可擴展性好： 新增條件或行動，只需要添加新的行或列即可。
選擇哪種方法取決于具體的場景和需求。需要權(quán)衡代碼的可讀性、可維護性、性能和可擴展性，選擇最適合的方案。
