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

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

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

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

×
1. 打乱数组顺序8 m- M/ r: y! S: y
5441b30824b20dd480235417d5e6bdca.png " \; w0 d7 w& G- t8 ]+ B
2. 去除数字之外的所有字符
- @  ?/ f3 R, E  q9 J cba28fd4dc74a7e2255907dd31aaf1c1.png , s( y2 _! z3 r; d) p3 q3 Z
3. 反转字符串或者单词6 K* p1 B: D0 t
7b1a2f3c895ac2c249076eb006e6ee4e.png
! ]8 x1 V& w. h4. 将十进制转换为二进制或十六进制% y  ?  o' k- I; ^1 t$ Q+ h. g
7fb7cfaa1f508e35a606f5205827e90a.png
# G. p1 k! r' T/ v  h5. 合并多个对象
+ A) Y& V+ R% q9 s( V* x 02005c2f23151a6ce3807d463e292d4f.png
3 I* Z/ o1 a8 B( J: ?$ q% ?6. === 和 == 的区别
7 `6 p# s4 P; k d15c2b72c7f54bd72acda88a28665743.png
0 m. @2 q) p) G" J0 T+ Y7. 解构赋值
- o) y9 W, J1 k e1c839daeb8ce82f18f634f3167a8d55.png
6 E5 M8 p1 F5 @0 f8. 交换变量的值* Q9 |! G4 M- K  A: H
36eccdf12db04634d87ec7a12ca166f0.png
9 ~% {8 M- @5 X) p9-1. 判断回文字符串: \7 p2 v% m0 b  U' o
c4f733c737d8744cae06e5727de433a0.png " F, F, b7 g& c5 {% I% i" H
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
# Y1 e) O1 }. d5 M6 d, j* n c3b689441782a3c53958265d7ed4e51c.png
3 a+ p' `' {+ k5 t% m/ M判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
* M7 X- E5 g* @/ W 9bd44dc41b13df2ecf17e1465f09927e.png 6 z  O, D+ i) N3 j
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符
" q1 j3 S6 K, h4 O, j- o. G 603912beb273992e0a9562c2041be26e.png 3 g2 E* `' _5 o
12. 从数组中随机选择一个值
4 s0 g& J( ~  x5 V 7e66fe82d970b80117861132b5f6f46e.png $ Q1 M, K  i3 X8 W! X5 u( y
13. 冻结对象
' N( I! o6 U# }  P% J, ~ cb0cdb79cb6baace2a0e170713d33174.png - L1 `* V* r" \. i' I' c* z
14. 删除数组重复的元素$ |8 H( N0 w. V' R" e! a" k
9d7c550982e184f82affc528a54088a0.png
' ^5 u( B3 W& a- |15. 保留指定位小数4 ~- Z# Q7 D# N6 T+ P% N
73fa3033123f26af172e36881105f97b.png
0 X( r7 j7 b, m4 [0 Z* E16. 清空数组& l% }0 X1 p& {
7c49fe68660f77ea666d77f9d69c023a.png 9 Y$ I0 r# W" X8 h; |$ P6 W
17. 从 RGB 转换为 HEX
* r9 @6 z& o. f! F( A& A c721faaade67507efc869c3b90153401.png 8 F. `/ o, \' e% a3 C( S
18. 从数组中获取最大值和最小值
4 J: V9 f1 K8 Q2 [ 10eefd37cd42682f6ab4cb801d1bdfd6.png
0 D2 b. O1 z7 c  ]) a19. 空值合并运算符! J( p% K( n! ^% Q
bbd79444ce1fdf81bcc2a0664743ee1d.png 5 K6 ?+ e% O! E8 \6 [- r5 y
MDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值" V  _6 u3 F/ ~& J! w; o
59d0062e4ad7a2d9127ad12fc5d74cc9.png
) a  r) n  W  N, {+ b3 T0 [  S7 T# l源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176