這篇文章整理分享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. 可選鏈運算子) 的情況下不會造成錯誤,此表達式短路回傳值是undefined
#MDN:
可選鏈
運算子(?.
)允許讀取位於連接物件鏈深處的屬性的值,而不必明確驗證鏈中的每個引用是否有效。?.
運算子的功能類似.
鍊式運算符,不同之處在於,在引用為空白(nullish ) (null
或
undefined
。與函數呼叫一起使用時,如果給定的函數不存在,則傳回undefined
例如:if (res && res.data && res.data.success) {
//code}
复制代码
if (res?.data?.success) { // code}复制代码
#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前端###】####