強推：20個值得收藏的ES6小技巧

這篇文章整理分享ES6小技巧，為大家整理了20個使用頻率很高的ES6程式碼區塊，希望大家會喜歡！

1. 打亂陣列順序

#【相關推薦：javascript學習教學】

2. 移除數字以外的所有字元

3. 反轉字串或單字

#4. 將十進位轉換為二進位或十六進位

5.合併多個物件

6. <span style="font-size: 18px;">===</span> 和##==<span style="font-size: 18px;"></span> 的差異

#7. 解構賦值

##8. 交換變數的值

#9-1.判斷回文字串

回文字串: 正著寫和反著寫都一樣的字串

#9-2 判斷兩個字串是否為互相排列

判斷兩個字符字串是否為互相排列: 給定兩個字串,一個是否是另一個的排列

#10. 可選鏈運算子

#MDN: 可選鏈運算子( ?. )允許讀取位於連接物件鏈深處的屬性的值，而不必明確驗證鏈中的每個引用是否有效。 ?. 運算子的功能類似 . 鍊式運算符，不同之處在於，在引用為空白(nullish ) (null 或 

undefined

) 的情況下不會造成錯誤，此表達式短路回傳值是 

undefined

。與函數呼叫一起使用時，如果給定的函數不存在，則傳回 

undefined

例如：

if (res && res.data && res.data.success) {   
   //code} 
复制代码

等於：

if (res?.data?.success) {  // code}复制代码

11. 三目運算子

#12. 從陣列中隨機選取一個值

13. 凍結物件

14. 刪除陣列重複的元素

#15. 保留指定位元小數

16. 清空陣列##################

17. 從<span style="font-size: 18px;">RGB</span># 轉換為<span style="font-size: 18px;">HEX</span>

HEX

18. 從陣列中取得最大值和最小值

19. 空值合併運算子#MDN:

空值合併運算子

（

??）是一個邏輯運算符，當左邊的運算元為 null 或 undefined<span style="font-size: 18px;"> 時，傳回其右側運算元，否則傳回左側操作數。 </span>20. 過濾數組中值為

#false

的值

#原始碼

#https://github.com/xieyezi/vuepress-blog/ blob/master/docs/front-end/ES6-20個常用的技巧.md#########以上，碼字作圖很辛苦，也望不要吝嗇手中的讚，你的讚是我繼續更新的最大動力！ ######【相關影片教學推薦：###web前端###】####