返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

[java/javascript教程] 干货 | 20个ES6小技巧,收藏!

[复制链接]
商乾美工 显示全部楼层 发表于 2022-4-29 17:16:56 |阅读模式 打印 上一主题 下一主题

登录网站,浏览更多精彩内容

您需要 登录 才可以下载或查看,没有账号?加入我们

x
1. 打乱数组顺序
2 n) Q, }5 w/ n7 `' Y5 n 5441b30824b20dd480235417d5e6bdca.png
/ O6 k3 G7 i' `, L# m2. 去除数字之外的所有字符8 I# s( h1 i& {; H' b
cba28fd4dc74a7e2255907dd31aaf1c1.png
# s8 S9 {8 u/ R: P* y3. 反转字符串或者单词
* Z+ y6 P% M9 h  U/ T/ M  n0 f 7b1a2f3c895ac2c249076eb006e6ee4e.png
* y. d, m) k3 J+ _! y7 L. A) x4. 将十进制转换为二进制或十六进制$ P( M, h. s) F% Q) Q# ?
7fb7cfaa1f508e35a606f5205827e90a.png 2 y& ^& f! ]3 r8 t+ T3 S" T2 i8 m
5. 合并多个对象: a3 u1 g4 h, {/ r" ^
02005c2f23151a6ce3807d463e292d4f.png
; `, D3 w7 ]# N. J% e6. === 和 == 的区别
: k1 z( ~8 M' c2 J7 P d15c2b72c7f54bd72acda88a28665743.png
. f& P1 `7 D  ]$ K& x7. 解构赋值& `$ X7 v7 `9 O2 a
e1c839daeb8ce82f18f634f3167a8d55.png
7 M/ q1 I+ G: P8. 交换变量的值" `/ f# i) n/ J9 y
36eccdf12db04634d87ec7a12ca166f0.png
- t# H% Y' V: a- x& F9-1. 判断回文字符串& w0 R3 @. ^* s5 E
c4f733c737d8744cae06e5727de433a0.png ! T- H- i+ \0 T9 e& B- W
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列. X" w# W* r# q
c3b689441782a3c53958265d7ed4e51c.png * i6 y/ J8 O; t" k9 Q( M" W  i
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
3 k1 \( {" |9 t 9bd44dc41b13df2ecf17e1465f09927e.png
% Y& S: m4 ?$ n; aMDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符) ?$ i8 e0 C6 n# ?$ p
603912beb273992e0a9562c2041be26e.png
" I# ]" Y. a0 i. |12. 从数组中随机选择一个值
% Z1 u# o" Q; E' p2 j2 s 7e66fe82d970b80117861132b5f6f46e.png 9 L/ N7 f2 H: K6 w
13. 冻结对象
1 O/ i; L& T  `9 F$ q6 B* y cb0cdb79cb6baace2a0e170713d33174.png ! ^4 y/ G  b. ]5 G5 `& Y
14. 删除数组重复的元素. E! g1 Q% g0 N# z) N
9d7c550982e184f82affc528a54088a0.png 7 C: h2 U6 M+ d- g* r
15. 保留指定位小数
6 o" I; L2 c# }$ h 73fa3033123f26af172e36881105f97b.png
, {7 ?1 U' W; L. G: B5 f16. 清空数组0 C, M1 @: }7 `7 T" S2 h
7c49fe68660f77ea666d77f9d69c023a.png
$ N+ ?' r' P  `( o5 X3 D17. 从 RGB 转换为 HEX
- [  i2 b- P4 _8 w& x+ Z  n+ l c721faaade67507efc869c3b90153401.png
: N2 `, P" D+ c, l3 S. z. u/ X18. 从数组中获取最大值和最小值! A9 h' q, e' ]1 e0 J: ], T
10eefd37cd42682f6ab4cb801d1bdfd6.png " n' I8 Y  f! m0 J, Z  u
19. 空值合并运算符
1 X$ z" E. _) q3 E& {/ H1 C bbd79444ce1fdf81bcc2a0664743ee1d.png . g2 w& Y9 \4 h" e
MDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值1 ?# n; X4 J9 X
59d0062e4ad7a2d9127ad12fc5d74cc9.png * F- L, d/ q# L/ i* H% M6 L
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

商乾全球电商人、电商交流学习与电商实战技术分享、电商爬虫、生活交流专业网站
  • 官方手机版

  • 微信公众号

  • 商务合作