13 個 JS 數組精簡技巧,一起來看看。

作者:Duomly


阿里雲服務器很便宜火爆,今年比去年便宜,10.24~11.11購買是1年86元,3年229元,可以點擊 閱讀原文 進行參與。


數組是 JS 最常見的一種數據結構,咱們在開發中也經常用到,在這篇文章中,提供一些小技巧,幫助咱們提高開發效率。

1. 刪除數組的重複項

640?wx_fmt=png

2. 替換數組中的特定值

有時在創建代碼時需要替換數組中的特定值,有一種很好的簡短方法可以做到這一點,咱們可以使用.splice(start、value to remove、valueToAdd),這些參數指定咱們希望從哪裏開始修改、修改多少個值和替換新值。

640?wx_fmt=png

3. Array.from 達到 .map 的效果

咱們都知道 .map() 方法,.from() 方法也可以用來獲得類似的效果且代碼也。

640?wx_fmt=png

4.置空數組

有時候我們需要清空數組,一個快捷的方法就是直接讓數組的 length 屬性爲 0,就可以清空數組了。

640?wx_fmt=png

5. 將數組轉換爲對象

有時候,出於某種目的,需要將數組轉化成對象,一個簡單快速的方法是就使用展開運算符號(...):

640?wx_fmt=png

6. 用數據填充數組

在某些情況下,當咱們創建一個數組並希望用一些數據來填充它,這時 .fill()方法可以幫助咱們。

使用展開操作符,也可以將多個數組合並起來。

640?wx_fmt=png

8.求兩個數組的交集

求兩個數組的交集在面試中也是有一定難度的點,爲了找到兩個數組的交集,首先使用上面的方法確保所檢查數組中的值不重複,接着使用.filter 方法和.includes方法。如下所示:

640?wx_fmt=png

9.從數組中刪除虛值

在 JS 中,虛值有 false, 0''null, NaN, undefined。咱們可以 .filter() 方法來過濾這些虛值。

640?wx_fmt=png

10. 從數組中獲取隨機值

有時我們需要從數組中隨機選擇一個值。一種方便的方法是可以根據數組長度獲得一個隨機索引,如下所示:

640?wx_fmt=png

11.反轉數組

現在,咱們需要反轉數組時,沒有必要通過複雜的循環和函數來創建它,數組的 reverse 方法就可以做了:

640?wx_fmt=png

12 lastIndexOf() 方法

640?wx_fmt=png

13.對數組中的所有值求和

JS 面試中也經常用 reduce 方法來巧妙的解決問題:

640?wx_fmt=png

總結

在本文中,介紹了13個技巧,希望它們可以幫助編寫簡潔代碼,如果你還有更好的辦法,歡迎留言討論。

代碼部署後可能存在的BUG沒法實時知道,事後爲了解決這些BUG,花了大量的時間進行log 調試,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。

原文:

交流

640?wx_fmt=jpeg

延伸閱讀

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章