web前端技巧-ES6新特性與重點知識彙總（二）

      ES6框架的新特性我們今天再來介紹其他的一些，還是帶好寫本本做好筆記，我們馬上開始。

      七、擴充套件運算子

      擴充套件運算子（spread）是三個點（...）。它好比 rest 引數的逆運算，將一個陣列轉為用逗號分隔的引數序列。

      陣列的操作、合併

      與解構賦值配合，實現陣列的擷取

      物件的操作、合併：

      與解構賦值配合，操作物件：

       八、Array擴充套件

      把類陣列轉化成真正的陣列：

      把一組值，轉換為陣列。Array.of總是返回引數值組成的陣列。如果沒有引數，就返回一個空陣列。

      陣列例項的find方法，用於找出第一個符合條件的陣列成員。它的引數是一個回撥函式，所有陣列成員依次執行該回撥函式，直到找出第一個返回值為true的成員，然後返回該成員。如果沒有符合條件的成員，則返回undefined。

      陣列例項的findIndex方法的用法與find方法非常類似，返回第一個符合條件的陣列成員的位置，如果所有成員都不符合條件，則返回-1。

      陣列填充

      判斷指定陣列中是否包含某個值

      九、json擴充套件

      ES6 允許直接寫入變數和函式，作為物件的屬性和方法。這樣的書寫更加簡潔。

       十、Symbol型別

      ES6 引入了一種新的原始資料型別Symbol，表示獨一無二的值。它是 JavaScript 語言的第七種資料型別，前六種是：undefined、null、布林值（Boolean）、字串（String）、數值（Number）、物件（Object）。

       十一、Set結構

      ES6 提供了新的資料結構 Set。它類似於陣列，但是成員的值都是唯一的，沒有重複的值。Set 本身是一個建構函式，用來生成 Set 資料結構。

      使用Set結構，實現陣列去重

       十二、Map結構

      ES6 提供了 Map 資料結構。它類似於物件，也是鍵值對的集合，但是“鍵”的範圍不限於字串，各種型別的值（包括物件）都可以當作鍵。也就是說，Object 結構提供了“字串—值”的對應，Map 結構提供了“值—值”的對應，是一種更完善的 Hash 結構實現。如果你需要“鍵值對”的資料結構，Map 比 Object 更合適。

       今天的ES6框架新特性就分享到這裡了，明天我們僅需分享更多的其他新特性。最後歡迎對 web前端開發 感興趣的同學關注小千，後期分享更多前端技術。

      本文來自千鋒教育，轉載請註明出處。