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

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

3. 反轉(zhuǎn)字符串或者單詞

4. 將十進(jìn)制轉(zhuǎn)換為二進(jìn)制或十六進(jìn)制

5. 合并多個對象

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

7. 解構(gòu)賦值

8. 交換變量的值

9-1. 判斷回文字符串

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

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

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

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

13. 凍結(jié)對象

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

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

16. 清空數(shù)組

17. 從 RGB 轉(zhuǎn)換為 HEX

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

19. 空值合并運算符

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

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