讓JavaScript更簡單方便的小技巧

1. 清空或者截斷數(shù)組
   
   

首先，我們在不重新給數(shù)組賦值的情況下，清空或者是截斷數(shù)組的方法，其中最簡單的就是更改其中的length屬性值：



2.使用對象結(jié)構(gòu)（destructuring）模擬命名參數(shù)
當你需要將一組可選變量傳遞給某個函數(shù)的時候，你可能已經(jīng)在使用配置對象了，如下：


這是一個很老套但是很有效的模式，它試圖在JavaScript中模擬命名參數(shù)。函數(shù)調(diào)用看起來很好，但是另一方面，配置對象處理邏輯不必要地冗長。下面使用ES2015 對象解構(gòu)，我們就可以繞過這個缺點：


如果我們要配置對象也是可以的，如下：


3.使用對象解構(gòu)來處理數(shù)組的方式如下：
我們可以使用對象解構(gòu)將數(shù)組項分配給各個變量：



下面來說一下switch語句中使用范圍值：
這里我們將技巧與本文中的其他技巧區(qū)分開，這不是一種節(jié)省時間的技術(shù)，也不適用于現(xiàn)實生活中的膽碼。但是我們記住，if語句在這種情況下總是更好。
本文中的其他提示不同，更像是一種好奇探索而不是真正的適用什么。
4.下面是在switch語句中適用范圍值的簡單技巧：


5.使用 async/await 來 await多個async函數(shù)

可以使用 Promise.all 來 await 多個 async（異步）函數(shù)。

6.創(chuàng)建純pure對象
我們可以創(chuàng)建一個100%的純對象，但是它不會從Object 繼承任何屬性或方法（例如，constructor，toString() 等）。


7.格式化JSON代碼
JSON.stringify 不僅可以簡單地將對象轉(zhuǎn)化為字符串。你也可以用它來格式化JSON輸出：


8.從數(shù)組中刪除重復元素(數(shù)組去重)

通過使用通過使用集合語法和 Spread(展開)運算符，您可以輕松地從數(shù)組中刪除重復項：

9.平鋪多維數(shù)組

使用 Spread(展開)，可以很容易去平鋪嵌套多維數(shù)組：

可惜，上面的方法僅僅適用于二維數(shù)組。不過，通過遞歸，我們可以平鋪任意維度的嵌套數(shù)組。


以上就是全部技巧，希望大家通過這篇文章可以編寫出更好更漂亮的JavaScript。



作者：黑馬程序員前端與移動開發(fā)培訓學院
首發(fā)：http://web.itheima.com/