技術文章 » 【吐血整理】20個值得收藏的ES6小技巧

【吐血整理】20個值得收藏的ES6小技巧

2022-04-19 13:00:53
本篇文章整理分享ES6小技巧，為大家整理了20個使用頻率很高的ES6程式碼塊，希望大家喜歡！

1. 打亂陣列順序

1.png

【相關推薦：】

2. 去除數位之外的所有字元

2.png

3. 反轉字串或者單詞

3.png

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

4.png

5. 合併多個物件

5.png

6. === 和 == 的區別

6.png

7. 解構賦值

7.png

8. 交換變數的值

8.png

9-1. 判斷迴文字串

9-1.png

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

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

9-2.png

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

10. 可選鏈操作符

10.png

MDN: 可選鏈操作符( ?. )允許讀取位於連線物件鏈深處的屬性的值，而不必明確驗證鏈中的每個參照是否有效。?. 操作符的功能類似於 . 鏈式操作符，不同之處在於，在參照為空(nullish ) (null 或者 undefined) 的情況下不會引起錯誤，該表示式短路返回值是 undefined。與函數呼叫一起使用時，如果給定的函數不存在，則返回 undefined

例如：

if (res && res.data && res.data.success) {   
   //code} 
複製程式碼

相當於：

if (res?.data?.success) {  // code}複製程式碼

11. 三目運運算元

11.png

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

12.png

13. 凍結物件

13.png

14. 刪除陣列重複的元素

14.png

15. 保留指定位小數

15.png

16. 清空陣列

16.png

17. 從 RGB 轉換為 HEX

17.png

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

18.png

19. 空值合併運運算元

19.png

MDN: 空值合併操作符（??）是一個邏輯操作符，當左側的運算元為 null 或者 undefined 時，返回其右側運算元，否則返回左側運算元。

20. 過濾陣列中值為 false 的值

20.png

原始碼

https://github.com/xieyezi/vuepress-blog/blob/master/docs/front-end/ES6-20個經常使用的技巧.md

以上，碼字作圖很辛苦，還望不要吝嗇手中的贊，你的點贊是我繼續更新的最大動力！

【相關視訊教學推薦：】