首頁 > 頭條 > 主體

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

發布: 2022-04-19 16:23:48
轉載
3679 人瀏覽過

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

1. 打亂陣列順序

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

#【相關推薦:javascript學習教學

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

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

3. 反轉字串或單字

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

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

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

5.合併多個物件

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

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

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

#7. 解構賦值

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

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

##8. 交換變數的值

9-強推:20個值得收藏的ES6小技巧

#9-1.判斷回文字串

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

9-強推:20個值得收藏的ES6小技巧

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

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

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

#10. 可選鏈運算子

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

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

undefined

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

undefined

例如:

if (res && res.data && res.data.success) {   
   //code} 
复制代码
登入後複製
等於:

if (res?.data?.success) {  // code}复制代码
登入後複製

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

11. 三目運算子

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

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

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

13. 凍結物件

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

14. 刪除陣列重複的元素

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

#15. 保留指定位元小數

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

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

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

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

HEX

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

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

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

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

空值合併運算子

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

強推:20個值得收藏的ES6小技巧#false

的值

#原始碼

#https://github.com/xieyezi/vuepress-blog/ blob/master/docs/front-end/ES6-20個常用的技巧.md#########以上,碼字作圖很辛苦,也望不要吝嗇手中的讚,你的讚是我繼續更新的最大動力! ######【相關影片教學推薦:###web前端###】####
相關標籤:
來源:weixin
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!