如何更優雅的寫好Javascript?
今天翻了翻一年多前寫的代碼,感覺年輕的自己寫的代碼真的是一個模式(不過現在好不了多少)。最近看了很多關于函數式編程和設計模式的書籍和文章,想分享一些讓JS代碼更優雅的小技巧。
1.善用函數式編程
2.lodash中一些有用的東西(LODASH是著名的JS工具庫,里面包含了很多函數方法和接口。在項目中引入邏輯可以簡化很多冗余的邏輯。)
web循環使用方法?
前端開發為我們提供了數組的概念。很多數據可以存儲在一個數組中,但是當我們需要找到里面的數據時,我們需要遍歷這個數組。那么遍歷數組的方法有哪些呢?
一.對于周期
長度屬性是一個非常特殊的屬性。看到數組,肯定會想到長度。它有什么具體特征?
1.數組是一組數據,length屬性表示該數組中內容的數量。數組長度的簡稱。
2.數組對象沒有方法,只有唯一的屬性長度。
3.當設置了該屬性時,意味著要修改數組的長度。數組的長度將會改變。
4.讀取時,會實時返回數組的當前長度。
For循環實現數組的遍歷
原則:
1.通過for構造下標,并根據下標取出特定元素。
2.(變量名。length)可以動態檢測數組元素的個數。
[i]表示哪個數字,不是計數器,而是數組元素。
指示有幾個,這是數組的長度。
第二,外語
forEach()函數從頭到尾遍歷數組。有三個參數:數組元素,元素的索引和數組本身(如果是參數,就是數組元素,也就是數組的值。
輸出結果:
這表明:
表示數組中的值,key表示對應數組的下標。
2.方法用于調用數組的每個元素,并將元素傳遞給回調函數,沒有返回值。
三、地圖()
Map方法是對原數組進行逐項循環處理,返回一個新數組,同時不會改變原數組的值。
輸出結果:
注意:
1.返回一個新數組,但不改變原始數組。
該方法有一個返回值,它是通過變量接收的。
第四,遍歷數組的形成
Es6添加了一個新的for循環來獲取元素。
優勢:
與forEach方法不同,它可以與break、continue和return一起使用。
為遍歷所有數據結構提供統一的操作接口。
注意:
的無法遍歷對象。