今天我要分享的是10個(gè)超棒的JavaScript簡(jiǎn)寫方法，可以加快開發(fā)速度，讓你的開發(fā)工作事半功倍哦。

開始吧！

1. 合并數(shù)組

普通寫法：

我們通常使用Array中的concat()方法合并兩個(gè)數(shù)組。用concat()方法來合并兩個(gè)或多個(gè)數(shù)組，不會(huì)更改現(xiàn)有的數(shù)組，而是返回一個(gè)新的數(shù)組。請(qǐng)看一個(gè)簡(jiǎn)單的例子：

簡(jiǎn)寫方法：

我們可以通過使用ES6擴(kuò)展運(yùn)算符(...)來減少代碼，如下所示：

得到的輸出與普通寫法相同。

2. 合并數(shù)組（在開頭位置）

普通寫法：

假設(shè)我們想將apples數(shù)組中的所有項(xiàng)添加到Fruits數(shù)組的開頭，而不是像上一個(gè)示例中那樣放在末尾。我們可以使用Array.prototype.unshift()來做到這一點(diǎn)：

現(xiàn)在紅蘋果和綠蘋果會(huì)在開頭位置合并而不是末尾。

簡(jiǎn)寫方法：

我們依然可以使用ES6擴(kuò)展運(yùn)算符(...)縮短這段長代碼，如下所示：

3. 克隆數(shù)組

普通寫法：

我們可以使用Array中的slice()方法輕松克隆數(shù)組，如下所示：

簡(jiǎn)寫方法：

我們可以使用ES6擴(kuò)展運(yùn)算符(...)像這樣克隆一個(gè)數(shù)組

4. 解構(gòu)賦值

普通寫法：

在處理數(shù)組時(shí)，我們有時(shí)需要將數(shù)組“解包”成一堆變量，如下所示：

簡(jiǎn)寫方法：

我們可以通過解構(gòu)賦值用一行代碼實(shí)現(xiàn)相同的結(jié)果：

5. 模板字面量

普通寫法：

通常，當(dāng)我們必須向字符串添加表達(dá)式時(shí)，我們會(huì)這樣做：

簡(jiǎn)寫方法：

通過模板字面量，我們可以使用反引號(hào)()，這樣我們就可以將表達(dá)式包裝在${…}`中，然后嵌入到字符串，如下所示：

6. For循環(huán)

普通寫法：

我們可以使用for循環(huán)像這樣循環(huán)遍歷一個(gè)數(shù)組：

簡(jiǎn)寫方法：

我們可以使用for...of語句實(shí)現(xiàn)相同的結(jié)果，而代碼要少得多，如下所示：

7. 箭頭函數(shù)

普通寫法：

要遍歷數(shù)組，我們還可以使用Array中的forEach()方法。但是需要寫很多代碼，雖然比最常見的for循環(huán)要少，但仍然比for...of語句多一點(diǎn)：

簡(jiǎn)寫方法：

但是使用箭頭函數(shù)表達(dá)式，允許我們用一行編寫完整的循環(huán)代碼，如下所示：

大多數(shù)時(shí)候我使用的是帶箭頭函數(shù)的forEach循環(huán)，這里我把for...of語句和forEach循環(huán)都展示出來，方便大家根據(jù)自己的喜好使用代碼。

8. 在數(shù)組中查找對(duì)象

普通寫法：

要通過其中一個(gè)屬性從對(duì)象數(shù)組中查找對(duì)象的話，我們通常使用for循環(huán)：

簡(jiǎn)寫方法：

哇！上面我們寫了這么多代碼來實(shí)現(xiàn)這個(gè)邏輯。但是使用Array中的find()方法和箭頭函數(shù)=>，允許我們像這樣一行搞定：

9. 將字符串轉(zhuǎn)換為整數(shù)

普通寫法：

parseInt()函數(shù)用于解析字符串并返回整數(shù)：

簡(jiǎn)寫方法：

我們可以通過在字符串前添加+前綴來實(shí)現(xiàn)相同的結(jié)果，如下所示：

10. 短路求值

普通寫法：

如果我們必須根據(jù)另一個(gè)值來設(shè)置一個(gè)值不是falsy值，一般會(huì)使用if-else語句，就像這樣：

簡(jiǎn)寫方法：

但是使用短路求值(||)，我們可以用一行代碼執(zhí)行此操作，如下所示：

基本上，expression1 || expression2被評(píng)估為真表達(dá)式。因此，這就意味著如果第一部分為真，則不必費(fèi)心求值表達(dá)式的其余部分。

補(bǔ)充幾點(diǎn)

箭頭函數(shù)

如果你不需要this上下文，則在使用箭頭函數(shù)時(shí)代碼還可以更短：

在數(shù)組中查找對(duì)象

你可以使用對(duì)象解構(gòu)和箭頭函數(shù)使代碼更精簡(jiǎn)：

短路求值替代方案

編碼習(xí)慣

最后我想說下編碼習(xí)慣。代碼規(guī)范比比皆是，但是很少有人嚴(yán)格遵守。究其原因，多是在代碼規(guī)范制定之前，已經(jīng)有自己的一套代碼習(xí)慣，很難短時(shí)間改變自己的習(xí)慣。良好的編碼習(xí)慣可以為后續(xù)的成長打好基礎(chǔ)。下面，列舉一下開發(fā)規(guī)范的幾點(diǎn)好處，讓大家明白代碼規(guī)范的重要性：

• 規(guī)范的代碼可以促進(jìn)團(tuán)隊(duì)合作。

• 規(guī)范的代碼可以減少 Bug 處理。

• 規(guī)范的代碼可以降低維護(hù)成本。

• 規(guī)范的代碼有助于代碼審查。

• 養(yǎng)成代碼規(guī)范的習(xí)慣，有助于程序員自身的成長。