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