20个不容错过的ES6技巧

2022-05-05 ES6

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

【20个不容错过的ES6技巧】

推荐阅读

上一篇：Centos8/Alma8 网络配置工具nmcli使用说明

下一篇：liunx中jar包启动脚本