如何更優(yōu)雅的寫好JavaScript？今天翻了翻一年多前寫的代碼，感覺年輕的自己寫的代碼真的是一個模式(不過現(xiàn)在好不了多少)。最近看了很多關(guān)于函數(shù)式編程和設(shè)計模式的書籍和文章，想分享一些讓JS代碼更優(yōu)

如何更優(yōu)雅的寫好JavaScript？

今天翻了翻一年多前寫的代碼，感覺年輕的自己寫的代碼真的是一個模式(不過現(xiàn)在好不了多少)。最近看了很多關(guān)于函數(shù)式編程和設(shè)計模式的書籍和文章，想分享一些讓JS代碼更優(yōu)雅的小技巧。

1.善用函數(shù)式編程

2.lodash中一些有用的東西(LODASH是著名的JS工具庫，里面包含了很多函數(shù)方法和接口。在項目中引入邏輯可以簡化很多冗余的邏輯。)

web循環(huán)使用方法？

前端開發(fā)為我們提供了數(shù)組的概念。很多數(shù)據(jù)可以存儲在一個數(shù)組中，但是當我們需要找到里面的數(shù)據(jù)時，我們需要遍歷這個數(shù)組。那么遍歷數(shù)組的方法有哪些呢？

一.對于周期

長度屬性是一個非常特殊的屬性。看到數(shù)組，肯定會想到長度。它有什么具體特征？

1.數(shù)組是一組數(shù)據(jù)，length屬性表示該數(shù)組中內(nèi)容的數(shù)量。數(shù)組長度的簡稱。

2.數(shù)組對象沒有方法，只有唯一的屬性長度。

3.當設(shè)置了該屬性時，意味著要修改數(shù)組的長度。數(shù)組的長度將會改變。

4.讀取時，會實時返回數(shù)組的當前長度。

For循環(huán)實現(xiàn)數(shù)組的遍歷

原則:

1.通過for構(gòu)造下標，并根據(jù)下標取出特定元素。

2.(變量名。length)可以動態(tài)檢測數(shù)組元素的個數(shù)。

[i]表示哪個數(shù)字，不是計數(shù)器，而是數(shù)組元素。

指示有幾個，這是數(shù)組的長度。

第二，外語

forEach()函數(shù)從頭到尾遍歷數(shù)組。有三個參數(shù):數(shù)組元素，元素的索引和數(shù)組本身(如果是參數(shù)，就是數(shù)組元素，也就是數(shù)組的值。

輸出結(jié)果:

這表明:

表示數(shù)組中的值，key表示對應(yīng)數(shù)組的下標。

2.方法用于調(diào)用數(shù)組的每個元素，并將元素傳遞給回調(diào)函數(shù)，沒有返回值。

三、地圖()

Map方法是對原數(shù)組進行逐項循環(huán)處理，返回一個新數(shù)組，同時不會改變原數(shù)組的值。

輸出結(jié)果:

注意:

1.返回一個新數(shù)組，但不改變原始數(shù)組。

該方法有一個返回值，它是通過變量接收的。

第四，遍歷數(shù)組的形成

Es6添加了一個新的for循環(huán)來獲取元素。

優(yōu)勢:

與forEach方法不同，它可以與break、continue和return一起使用。

為遍歷所有數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的操作接口。

注意:

的無法遍歷對象。