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

[复制链接]
查看1407 | 回复0 | 2022-4-29 17:16:56 | 显示全部楼层 |阅读模式

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

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

×
1. 打乱数组顺序
1 N& b6 T. G$ L% u 5441b30824b20dd480235417d5e6bdca.png , B* H) W5 v) y8 d( k% p2 R# g( u0 M
2. 去除数字之外的所有字符
6 w2 I7 P, K# t2 z- K cba28fd4dc74a7e2255907dd31aaf1c1.png + o8 m. }5 K) L+ ~. i( X
3. 反转字符串或者单词
, T9 S5 z8 U3 [. F7 P! `- P 7b1a2f3c895ac2c249076eb006e6ee4e.png
! q; L: f) i, `  l  H) h; f4. 将十进制转换为二进制或十六进制* N4 O# S! p- Q7 U7 X( L: P8 E
7fb7cfaa1f508e35a606f5205827e90a.png
$ f( t5 I) a& O7 ^5. 合并多个对象$ ?/ d- d* T6 U0 }) T9 _7 f  _
02005c2f23151a6ce3807d463e292d4f.png
* _  ~; @* K# Z6 c6. === 和 == 的区别: r0 u9 |, V! W5 k1 u
d15c2b72c7f54bd72acda88a28665743.png * D" x# H0 N2 U! b
7. 解构赋值' ]% t  a5 W; ^
e1c839daeb8ce82f18f634f3167a8d55.png 4 Z2 F* x, _* a* f7 X
8. 交换变量的值3 K9 x0 s" i% {8 A+ F
36eccdf12db04634d87ec7a12ca166f0.png ; o, W0 I1 {* }! T
9-1. 判断回文字符串+ [4 T, f! y* b% N9 s
c4f733c737d8744cae06e5727de433a0.png
1 a6 D' C- X6 R回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列, q4 T7 d! Z4 K, m
c3b689441782a3c53958265d7ed4e51c.png
4 g8 R8 z4 |8 A6 Q+ n判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符% c" Y+ _9 {3 I# R" H3 t! m/ A$ Q
9bd44dc41b13df2ecf17e1465f09927e.png , |/ y. s/ p& B. g2 j4 o, R. U
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符
( Z( I9 x+ G2 a7 R) K1 G' h* ? 603912beb273992e0a9562c2041be26e.png . e' t( x+ L4 Z/ ?/ k2 G
12. 从数组中随机选择一个值  l8 F- R0 J  A5 G$ E( x) Y
7e66fe82d970b80117861132b5f6f46e.png
6 Q, J; q: c5 Q+ f# s  [6 d8 {2 x13. 冻结对象7 S9 ]9 }; B) l3 d" O
cb0cdb79cb6baace2a0e170713d33174.png ' ?( X$ j$ i# M% {6 [7 ?* l. ?
14. 删除数组重复的元素
# B( h( {; R/ _% O  u 9d7c550982e184f82affc528a54088a0.png
6 c  t; D0 b4 }9 C. E15. 保留指定位小数
3 d5 L7 f; D: q$ f  N 73fa3033123f26af172e36881105f97b.png
, R4 j, g7 k2 w  G16. 清空数组' Y6 x3 v. J9 |0 u9 O9 c
7c49fe68660f77ea666d77f9d69c023a.png / q, z) X! e2 k+ }8 ]
17. 从 RGB 转换为 HEX
7 B2 E7 A1 t+ S& H" q c721faaade67507efc869c3b90153401.png 7 E7 F' v$ v. k" {) ]# v0 P3 F
18. 从数组中获取最大值和最小值
& g7 i# D( O5 z' m) F9 x9 A* F 10eefd37cd42682f6ab4cb801d1bdfd6.png ! I9 D0 T$ I+ T  {* M2 I$ C
19. 空值合并运算符
. A3 B! p; [6 P, i bbd79444ce1fdf81bcc2a0664743ee1d.png
* k8 r$ L! X* w2 ?. O+ a- tMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值
" x$ D* `, T' f) V* t0 V: c- T 59d0062e4ad7a2d9127ad12fc5d74cc9.png & x$ r% ~* f  u: i* w; v$ Q
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176