週末學習，發現這 13 個 JavaScript 數組技巧

做者：Duomly
譯者：前端小智
來源：dev.to

---

點贊再看，微信搜索 【大遷世界】關注這個沒有大廠背景，但有着一股向上積極心態人。本文 GitHub https://github.com/qq44924588... 上已經收錄，文章的已分類，也整理了不少個人文檔，和教程資料。

---

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

1. 刪除數組的重複項

2. 替換數組中的特定值

有時在建立代碼時須要替換數組中的特定值，有一種很好的簡短方法能夠作到這一點，我們可使用.splice(start、value to remove、valueToAdd)，這些參數指定我們但願從哪裏開始修改、修改多少個值和替換新值。

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

我們都知道 .map() 方法，.from() 方法也能夠用來得到相似的效果且代碼也很簡潔。

4.置空數組

有時候咱們須要清空數組，一個快捷的方法就是直接讓數組的 length 屬性爲 0，就能夠清空數組了。

5. 將數組轉換爲對象

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

6. 用數據填充數組

在某些狀況下，當我們建立一個數組並但願用一些數據來填充它，這時 .fill()方法能夠幫助我們。

7. 數組合並

使用展開操做符，也能夠將多個數組合並起來。

8.求兩個數組的交集

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

9.從數組中刪除虛值

在 JS 中，虛值有 false, 0，''， null, NaN, undefined。我們能夠 .filter() 方法來過濾這些虛值。

10. 從數組中獲取隨機值

有時咱們須要從數組中隨機選擇一個值。一種方便的方法是能夠根據數組長度得到一個隨機索引，以下所示：

11.反轉數組

如今，我們須要反轉數組時，沒有必要經過複雜的循環和函數來建立它，數組的 reverse 方法就能夠作了：

12 lastIndexOf() 方法

13.對數組中的全部值求和

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

總結

在本文中，介紹了13個技巧，但願它們能夠幫助編寫簡潔代碼，若是你還有更好的辦法，歡迎留言討論。

人才們的 【三連】 就是小智不斷分享的最大動力，若是本篇博客有任何錯誤和建議，歡迎人才們留言，最後，謝謝你們的觀看。

---

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

原文：
https://dev.to/duomly/13-usef...

交流

文章每週持續更新，能夠微信搜索【大遷世界 】第一時間閱讀，回覆【福利】有多份前端視頻等着你，本文 GitHub https://github.com/qq449245884/xiaozhi 已經收錄，歡迎Star。