20個不容錯過的ES6技巧
前言
大家好,我是 xieyezi,好久不見,我又重新回歸掘金啦, 這次為大家整理了20個使用頻率很高的ES6代碼塊,希望大家喜歡??
文中代碼對應的詳細注釋和具體使用方法都放在我的
github上,源代碼在底部連接
1. 打亂數(shù)組順序

2. 去除數(shù)字之外的所有字符

3. 反轉字符串或者單詞

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

5. 合并多個對象

6. === 和 == 的區(qū)別

7. 解構賦值

8. 交換變量的值

9-1. 判斷回文字符串

回文字符串: 正著寫和反著寫都一樣的字符串 (特別感謝\@浮生閣閣主[1]勘誤)
9-2 判斷兩個字符串是否為互相排列

判斷兩個字符串是否為互相排列: 給定兩個字符串,一個是否是另一個的排列
10. 可選鏈操作符

MDN: 可選鏈操作符(?
?.?)允許讀取位于連接對象鏈深處的屬性的值,而不必明確驗證鏈中的每個引用是否有效。?.?操作符的功能類似于?.?鏈式操作符,不同之處在于,在引用為空(nullish ) (null?或者?undefined) 的情況下不會引起錯誤,該表達式短路返回值是?undefined。與函數(shù)調用一起使用時,如果給定的函數(shù)不存在,則返回?undefined
例如:
if?(res?&&?res.data?&&?res.data.success)?{???
???//code
}?
復制代碼
相當于:
if?(res?.data?.success)?{
??//?code
}
復制代碼
11. 三目運算符

12. 從數(shù)組中隨機選擇一個值

13. 凍結對象

14. 刪除數(shù)組重復的元素

15. 保留指定位小數(shù)

16. 清空數(shù)組

17. 從 RGB 轉換為 HEX

18. 從數(shù)組中獲取最大值和最小值

19. 空值合并運算符

MDN: 空值合并操作符(
??)是一個邏輯操作符,當左側的操作數(shù)為?null?或者?undefined?時,返回其右側操作數(shù),否則返回左側操作數(shù)。
20. 過濾數(shù)組中值為 false 的值

源碼
20個不容錯過的ES6技巧[2]
以上,碼字作圖很辛苦,還望不要吝嗇手中的贊,你的點贊是我繼續(xù)更新的最大動力??!
關于本文
作者:Xieyezi
https://juejin.cn/post/7083145771461115941
最后
評論
圖片
表情
