一些使 JavaScript 更加簡潔的小技巧
推薦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’可以領取一套完整的學習視訊