首頁技術文章正文

JavaScript使用小技巧

更新時間:2018-07-20 來源:黑馬程序員 瀏覽量:

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

1553764080158_1.png

使用對象結構模擬命名參數(shù)
以前,當我們希望向一個函數(shù)傳遞多個參數(shù)時,可能會采用配置對象的模式:

1553764085269_2.png

  

這是一個古老但是有效的模式,有了 ES2015 的對象結構,你可以這樣使用:

1553764090181_3.png


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

1553764094504_4.png

   




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

1553764099107_5.png
注:本例中,2 為 split 之后的數(shù)組下標,country 為指定的變量,值為 US

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

1553764107908_6.png

   

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

1553764113163_7.png

   


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

1553764120997_8.png

   


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

1553764126026_9.png  


移除數(shù)組重復項
使用 ES2015 和擴展運算符,你可以輕松移除數(shù)組中的重復項:

1553764130410_10.png


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

扁平化多維數(shù)組
使用擴展運算符可以快速扁平化數(shù)組:

1553764135402_11.png

   

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

1553764140361_12.png

作者:黑馬程序員前端與移動開發(fā)培訓學院

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


分享到:
在線咨詢 我要報名
和我們在線交談!