1. 打亂數組順序

code1.png

2. 去除數字之外的所有字符

code20.png

3. 反轉字符串或者單詞

code2.png

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

code3.png

5. 合并多個對象

code4.png

6.===和==的區別

code5.png

7. 解構賦值

code6.png

8. 交換變量的值

code7.png

9-1. 判斷回文字符串

code21.png

回文字符串: 正著寫和反著寫都一樣的字符串 (特別感謝@浮生閣閣主[1]勘誤)

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

code8.png

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

10. 可選鏈操作符

code9.png

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

例如：

if (res && res.data && res.data.success) {   
   //code
} 
復制代碼

相當于：

if (res?.data?.success) {
  // code
}
復制代碼

11. 三目運算符

code10.png

12. 從數組中隨機選擇一個值

code11.png

13. 凍結對象

code12.png

14. 刪除數組重復的元素

code13.png

15. 保留指定位小數

code14.png

16. 清空數組

code15.png

17. 從RGB轉換為HEX

code16.png

18. 從數組中獲取最大值和最小值

code17.png

19. 空值合并運算符

code18.png

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

20. 過濾數組中值為false的值

code19.png