大致介紹

這是小m馬發布的第一篇文章，關于前端領域的開發習慣，這是自己的一些經驗總結，希望可以給大家帶來一定的幫助，提升自己的開發效率以及代碼質量，m馬會用react，以及vue分別舉出一些正反例來進行對比，從而更直觀的體現代碼開發的質量性

NO.1 接了上一任前端的坑（if判斷的升級）

往往前端進入一家新公司以后，看到上一任的前端留下的一片if，else，一片的for循環嵌套for循壞，頓時小m馬都要傻眼了，無任何邏輯上面的梳理，遇見問題就if，遇見遍歷就一個for，往往會造成代碼開發的維護性極差，甚至還會讓人無法理解開發者的意圖，接下來小m馬給大家介紹簡潔一點的if寫法以及for循環的寫法！

//常規針對一個值是否存在的if，完全可以用三目運算符進行代替

針對以上的if進行一個總結

首先在開發中if判斷是避免不了的，我們盡量通過邏輯去減少if的使用頻率，而不是遇見一個需要進行抉擇的if下來（具體的這個思維邏輯小m馬會在下一期中更新出來）

使用if之后我們也需要簡潔明了的表達出來，上面的這兩個例子中，使用三目運算符就不多做解釋了，重點講一下第二種使用或與非的形式

&&符號遇見為false的選項就會停止下來，如果是true就會往后繼續執行，講到這大家就明白了吧，在例子中，foo存在就會往后執行函數，不存在，函數也就不會執行。

||符號，在判斷條件中，是遇見false的話就會往后執行，可以看出我們是要當這個foo不存在的時候才會執行函數的，所以使用||，foo不存在了，是fasle，所以執行了后面 的函數。

接下來進行持續升級，出小干貨！

//反例來了！！！！ //通過對象的形式，在開發微信小程序的時候會更加可以體現出價值..舉例

這是關于if判斷的使用，通過使用對象的形式快速的可以讓開發者明白自己的意圖這才是我們程序員的重中之重啊，一個好的代碼習慣，可以讓自己做的都開心點。（下一期中關于if判斷的寫法還有持續的升級，小m馬還有更多的關于開發的習慣有分享）

跳出反反復復一直寫的for循環

//來來來，小m馬給大家分享一下for循壞要怎么寫，首先舉一個反例給大家看

通過使用for of 在處理這種三維或者說多層的數據時，可以很清晰的處理好每一步，并且可以看得很清楚我每一步都是在做什么，不會出現說一大串密密麻麻我自己都不知道自己在寫什么的情況，接下來小m馬，針對for循環給大家進行寫出每一種不同情況下應該用什么循環進行處理

let

當然還有一些循環的操作，比如在react中經常用于遍歷dom節點的map，和ea6中的new map，小m馬依然會在下一期分享中寫出，這些用法來和大家進行分享，希望大家的程序員開發道路會越來越順利，加油！！！

總結

以上是生活随笔為你收集整理的for循环优化_前端js if判断以及for循环该如何写的更好，优化upup的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。