推薦9個使 JavaScript 程式碼變得更加簡潔的小技巧，大概5分鐘就能掌握。

1.清空或截斷陣列

在不重新給陣列賦值的情況下，清空或截斷陣列的最簡單方法是更改，其 length 屬性值：

如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

2.使用物件解構(destructuring)模擬命名引數

當您需要將一組可選變數傳遞給某個函式時，你很可能已經在使用配置物件了，如下所示：

這是一個古老但有效的模式，它試圖在 JavaScript 中模擬命名引數。 函式呼叫看起來很好。 另一方面，配置物件處理邏輯不必要地冗長。 使用ES2015 物件解構，您可以繞過這個缺點：

如果你需要使配置物件也可選，也很簡單：

注：此處使用 ES6 的 預設引數 新特性，可以檢視 JavaScript 函式中預設引數 瞭解更多詳情。

3.使用物件解構來處理陣列

可以使用物件解構將陣列項分配給各個變數：

4.switch 語句中使用範圍值

注意：經過一番思考後，我決定將這個技巧與本文中的其他技巧區分開來。 這不是一種節省時間的技術，不適用於現實生活中的程式碼。 請記住：“If”語句在這種情況下總是更好。

與這篇文章中的其他提示不同，它更像是一種好奇探索而不是真正使用的東西。

但是，出於歷史原因，我會在本文中保留它。

這是在 switch 語句中使用範圍值的簡單技巧：

5.使用 async/await 來 await多個async函式

可以使用 Promise.all 來 await 多個 async（非同步）函式。

6.建立純(pure)物件

您可以建立一個 100％ 純物件，它不會從 Object 繼承任何屬性或方法（例如，constructor

7.格式化JSON程式碼

JSON.stringify 不僅可以簡單地將物件轉化為字串。你也可以用它來格式化JSON輸出：

8.從陣列中刪除重複元素(陣列去重)

通過使用通過使用集合語法和 Spread(展開)運算子，您可以輕鬆地從陣列中刪除重複項：

9.平鋪多維陣列

使用 Spread(展開)，可以很容易去平鋪巢狀多維陣列：

可惜，上面的方法僅僅適用於二維陣列。不過，通過遞迴，我們可以平鋪任意維度的巢狀陣列。

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊