请选择 进入手机版 | 继续访问电脑版

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

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

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

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

×
1. 打乱数组顺序* C* a. T. |- w+ `9 L" X
5441b30824b20dd480235417d5e6bdca.png + Z& o2 K# v; {' j$ X* U
2. 去除数字之外的所有字符( b9 R; m9 h$ o* B5 T
cba28fd4dc74a7e2255907dd31aaf1c1.png + U/ a* z1 i! \: v% L/ z  P- K' I
3. 反转字符串或者单词4 m1 H' L3 N  g* O5 n
7b1a2f3c895ac2c249076eb006e6ee4e.png ' ?( A4 L/ U$ V  A  ~3 w
4. 将十进制转换为二进制或十六进制
& T' y* H4 J1 l  L 7fb7cfaa1f508e35a606f5205827e90a.png 6 p) I7 K3 T) O1 a" p7 E
5. 合并多个对象
9 Z/ D  Q% G! Q 02005c2f23151a6ce3807d463e292d4f.png
$ m( o& E6 q2 A& J6. === 和 == 的区别
5 a6 v2 D% A) A, ^ d15c2b72c7f54bd72acda88a28665743.png " [8 J* h  r, }  C9 U! \
7. 解构赋值2 [7 e5 p2 G+ I9 G' _; u/ I
e1c839daeb8ce82f18f634f3167a8d55.png
( q3 u2 Y) D+ }8. 交换变量的值9 g( ~) B. G4 m4 O% T# K6 Y* g* x
36eccdf12db04634d87ec7a12ca166f0.png
, }" w1 q. l! U' M- Q9-1. 判断回文字符串
- U1 G# t/ d' \4 J( X' I c4f733c737d8744cae06e5727de433a0.png
) \6 W. f1 Z1 q回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
+ d: v3 m; u3 w( D. e! m  P c3b689441782a3c53958265d7ed4e51c.png 4 `, y, |8 n3 I7 U& G- S+ K
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符' m( T; x5 A( _/ G1 T! `9 M: v
9bd44dc41b13df2ecf17e1465f09927e.png
5 ~) r6 J1 {8 s7 [- |MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符$ l. T# a; U# k, W) T; \
603912beb273992e0a9562c2041be26e.png
. |8 {1 ^( U- r) y12. 从数组中随机选择一个值( |. |9 T3 X& g) y4 D, f- Z
7e66fe82d970b80117861132b5f6f46e.png
$ }4 I6 X: t* Z13. 冻结对象
6 L8 @6 M6 |( j1 w. }" v; N- |$ j1 G cb0cdb79cb6baace2a0e170713d33174.png
6 _% h# U3 d6 Q8 _, h9 k' ]14. 删除数组重复的元素, s* u+ a! r, W
9d7c550982e184f82affc528a54088a0.png
( x: v! \& Y, @+ P1 N% u) S15. 保留指定位小数: T& I" r2 q% `  d& d( i( \! A
73fa3033123f26af172e36881105f97b.png 0 l5 f0 v4 w( h" h8 E! @* R- E
16. 清空数组6 a2 u) w. I0 I- ?# Q  Z" X
7c49fe68660f77ea666d77f9d69c023a.png , @# P6 V+ @7 x7 ^+ Z8 J3 J9 Y
17. 从 RGB 转换为 HEX! b, W" I8 r/ ~1 B9 ~7 Q  |$ a
c721faaade67507efc869c3b90153401.png & v" ?( c, U/ f
18. 从数组中获取最大值和最小值, r8 h. F$ G$ H
10eefd37cd42682f6ab4cb801d1bdfd6.png & @/ f$ E) a/ G) M1 w  f# \
19. 空值合并运算符$ d, g3 t/ J9 k' W
bbd79444ce1fdf81bcc2a0664743ee1d.png
+ W2 l# T8 R7 f: {# F" U# `$ J9 [MDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值
) z; w0 E' o7 ~& g5 @6 F 59d0062e4ad7a2d9127ad12fc5d74cc9.png 3 B& Z. u5 a3 o0 z
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176