JavaScript使用小技巧

清空和截短數(shù)組
最簡單的清空和截短數(shù)組的方法就是改變 length 屬性：

使用對象結(jié)構(gòu)模擬命名參數(shù)
以前，當(dāng)我們希望向一個函數(shù)傳遞多個參數(shù)時，可能會采用配置對象的模式：

  

這是一個古老但是有效的模式，有了 ES2015 的對象結(jié)構(gòu)，你可以這樣使用：

如果你需要這個配置對象參數(shù)變成可選的，也很簡單：

   

數(shù)組的對象解構(gòu)
使用對象解構(gòu)將數(shù)組項賦值給變量：


注：本例中，2 為 split 之后的數(shù)組下標(biāo)，country 為指定的變量，值為 US

switch 語句中使用范圍
這是一個在 switch 語句中使用范圍的例子：

   

await 多個 async 函數(shù)
await 多個 async 函數(shù)并等待他們執(zhí)行完成，我們可以使用 Promise.all：

   


創(chuàng)建純對象
你可以創(chuàng)建一個 100% 的純對象，這個對象不會繼承 Object 的任何屬性和方法（比如 constructor，toString() 等）：

   


格式化 JSON 代碼
JSON.stringify 不僅可以字符串化對象，它也可以格式化你的 JSON 輸出：

  

移除數(shù)組重復(fù)項
使用 ES2015 和擴(kuò)展運(yùn)算符，你可以輕松移除數(shù)組中的重復(fù)項：

注：只適用于數(shù)組內(nèi)容為基本數(shù)據(jù)類型

扁平化多維數(shù)組
使用擴(kuò)展運(yùn)算符可以快速扁平化數(shù)組：

   

不幸的是，上面的技巧只能適用二維數(shù)組，但是使用遞歸，我們可以扁平化任意緯度數(shù)組：

作者：黑馬程序員前端與移動開發(fā)培訓(xùn)學(xué)院

首發(fā)：http://web.itheima.com/