編寫現代JavaScript代碼的小技巧有哪些

這篇文章主要介紹“編寫現代JavaScript代碼的小技巧有哪些”，在日常操作中，相信很多人在編寫現代JavaScript代碼的小技巧有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”編寫現代JavaScript代碼的小技巧有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

1.Array.includes 與條件判斷

一般我們判斷或用 ||

2.Set與去重

ES6 提供了新的數據結構 Set。它類似于數組，但是成員的值都是唯一的，沒有重復的值。Set 本身是一個構造函數，用來生成 Set 數據結構。

數組去重 Array.from 方法可以將 Set 結構轉為數組。我們可以專門編寫使用一個去重的函數。

字符去重 另外 Set 是如此強大，因此使用 Set 可以很容易地實現并集(Union)、交集(Intersect)和差集(Difference)。

3.Map 與字典類型數據

一般而已，JavaScript 實現字典數據是基于 Object 對象。但是 JavaScript 的對象的鍵只能是字符串。對于編程來說有很多不便。 ES6 提供了 Map 數據結構。它類似于 Object 對象，也是鍵值對的集合，但是“鍵”的范圍不限于字符串，各種類型的值，字符串、數值、布爾值、數組、對象等等都可以當作鍵。

4.函數式的方式處理數據

按照我的理解，函數式編程主張函數必須接受至少一個參數并返回一個值。所以所有的關于數據的操作，都可以用函數式的方式處理。

假設我們有這樣的需求，需要先把數組foo中的對象結構更改，然后從中挑選出一些符合條件的對象，并且把這些對象放進新數組result里。

5.compose 與函數組合

由于函數式編程大行其道，所以現在將會在 JavaScript 代碼看到大量的箭頭()=>()=>()=>的代碼。

在 compose 的定義中， g 將先于 f 執行，因此就創建了一個從右到左的數據 流。這樣做的可讀性遠遠高于嵌套一大堆的函數調用.我們選擇一些函數，讓它們結合，生成一個嶄新的函數。reverse 反轉列表， head 取列表中的第一個元素;

但是我們這個這個compose不夠完善，只能處理兩個函數參數。redux源碼有個很完備的compose函數，我們借鑒一下。

有了這個函數，我們可以隨意組合無數個函數。現在我們增加需求，組合出一個lastAndUpper函數，內容是先reverse 反轉列表， head 取列表中的第一個元素, 最后toUpperCase大寫。

到此，關于“編寫現代JavaScript代碼的小技巧有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！