📖摘要
今天分享下 —— 這樣優化 if-else 代碼結構，爽！ 的一些基本知識，歡迎關注！
如果你在代碼中看到一連串的
if(){}elseif(){}的邏輯判斷。這明顯是有優化空間的。
由於自家內部代碼不適合分享，這裏我就用 <輸出今天爲星期幾> 來講講邏輯判斷優化的一些方案。
我們在項目中使用的很可能會有多層的嵌套，不像我的例子只有一層。不過其優化的思想是大致相同的。由於 returnWeekday() 方法異常之簡單，所以提前聲明。
寫一個 returnWeekday() 方法返回"今天是星期*"。
🌂優化過程
這裏我簡單的分爲 “初學 —> 入門 —> 中級” 這幾個階段。
初學
當我們開始拿到需求的時候，看到一系列的邏輯判斷，首先想到的應該就是 if 語句了。
代碼如下：
當我們寫完了這樣的代碼，第一感覺就是 else if 塊是不是太多了。
可是當我們還在思考如何優化的時候，產品就在釘釘發消息給你問這個需求完成的怎麼樣了？還帶了一個壞笑的表情包。這個時候你告訴自己，這個優化後面再說吧。可是久而久之，需求加之。這個再也沒有優化過了，直到下一個接手。
上面的代碼確實 else if 塊太多了，看着就不舒服。
我們在看《JavaScript 高級程序設計》的時候，看到這樣一句話：
switch 語句與 if 語句的關係最爲密切，而且也是在其他語言中普遍使用的一種流控制語句。
所以我們是不是可以考慮使用 switch 語句來優化一下呢？
入門
這裏我們使用 switch 語句優化一遍代碼。
注意：switch 語句在比較值的時候使用的是全等操作符，不會有類型轉換的情況。
代碼如下：
我們在 case 裏面拼接字符，以達到輸出預期結果的目的。這裏的結構看起來確實比 if 語句清晰了一點。可是還是有點疑惑？
假設哪一天，相關組織發現，星象有變。每週需要變成八天（產品的思維，你無法想象）。我們這個
returnWeekday()方法就需要多加一層判斷了。
我們的希望是已經封裝好的方法，不要頻繁的修改。可是需求的變動是你無法控制的。
所以我們繼續思考該怎麼優化。
中級
我們看到這裏的 case 是數字，和數組的下標是一致的。
即：['天','一','二','三','四','五','六'] 的下標。
所以我們可以考慮使用數組來優化。
代碼如下：
以上代碼是不是比 switch 語句和 if 語句清晰多了。而且就算一週變爲八天，只需要修改 dateArr 數組就好了。
倘若我們的每個 case 是不規律的字符串呢？那我們使用對象，每個 case 爲一個 key
代碼如下：
以上使用數組或者對象的寫法，提高代碼的可讀性的同時，維護起來也變得簡單了。
使用 charAt 字符方法
字符串有個和使用數組下標類似的方法：
需求變動
這個時候，有人希望 returnWeekday() 方法不僅返回今天是周幾，還需要區分工作日和休息日，調用相關方法。
如果是使用 switch、 if 或 數組 維護起來就有點麻煩，需要改寫的地方還挺多的。
其他常見優化手段
這裏在給出一些常見的優化手段。
三元運算
適合簡單的 if(){}else{} 情況。
這樣在精簡代碼的時候，可讀性也沒有降低。
邏輯與運算符
有些時候我們可以使用邏輯與運算符來簡化代碼
可以改成：
falg && someMethod();
使用 includes 處理多重條件
可以改成
🎉最後
-
更多參考精彩博文請看這裏：《陳永佳的博客》
-
喜歡博主的小夥伴可以加個關注、點個贊哦，持續更新嘿嘿！