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

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

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

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

×
1. 打乱数组顺序
2 b  M* M( A4 ?( {" t0 j 5441b30824b20dd480235417d5e6bdca.png ! H; c# _% D7 p3 y9 O5 o3 d/ E
2. 去除数字之外的所有字符# Q& ~, X4 s6 K/ [
cba28fd4dc74a7e2255907dd31aaf1c1.png
- n0 _. g1 n5 J  u4 i" k: n3. 反转字符串或者单词
% ~5 S5 p( j/ Z3 T/ n/ p 7b1a2f3c895ac2c249076eb006e6ee4e.png : b$ v% C8 c- J7 z- L# d, x1 Q
4. 将十进制转换为二进制或十六进制
. Y( @0 \# r3 A" Q 7fb7cfaa1f508e35a606f5205827e90a.png # C3 r: A2 v, [* x. R
5. 合并多个对象
: g( o8 _) q: c; y5 }. ^& V$ h 02005c2f23151a6ce3807d463e292d4f.png 2 B1 {! c' H3 S  ]! G
6. === 和 == 的区别: z+ N) `4 i6 x% w; N4 R% B: X
d15c2b72c7f54bd72acda88a28665743.png
; D$ j; ~' J& h* B( _# R, U7. 解构赋值" L  \8 I; v9 O7 O6 }( V7 ~( H
e1c839daeb8ce82f18f634f3167a8d55.png
, S+ {; y* E- O1 C0 L8. 交换变量的值  f" c4 X0 s  ]- U
36eccdf12db04634d87ec7a12ca166f0.png
9 X. ~' X/ |0 O! Q: b0 l. R8 N+ m9-1. 判断回文字符串6 r6 |4 M9 }7 Q6 J3 r" x0 h
c4f733c737d8744cae06e5727de433a0.png
7 ^3 ^) k/ B/ q* o回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
% k: ?, i. ^  }! g! q$ [* Z$ c c3b689441782a3c53958265d7ed4e51c.png
  B3 O2 V4 a$ I! m0 @0 z- D判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
" }8 k" n; K+ M/ X 9bd44dc41b13df2ecf17e1465f09927e.png 1 h' Y7 b  |$ b# R& ~3 Z
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符. ^$ {* K6 J( I8 N! G$ T0 m
603912beb273992e0a9562c2041be26e.png
$ |! W7 }- F7 F3 W  C! J12. 从数组中随机选择一个值" g3 G( `9 G2 {2 F5 W! x
7e66fe82d970b80117861132b5f6f46e.png # v/ T5 g8 j5 Q+ I  c: W0 E
13. 冻结对象! o* Y4 O) r6 b' X# X
cb0cdb79cb6baace2a0e170713d33174.png - c4 f" f" i: j
14. 删除数组重复的元素
  j# p6 B( M1 k# v 9d7c550982e184f82affc528a54088a0.png ) z/ k2 ?8 f$ L! @7 D7 _
15. 保留指定位小数: H" r/ S' W- l3 {1 l, p& A- {
73fa3033123f26af172e36881105f97b.png 4 z, g  ~2 V3 G9 e8 o9 {+ X1 E
16. 清空数组
9 q' }1 A6 v( b1 h# _" T5 [ 7c49fe68660f77ea666d77f9d69c023a.png
: N) v% c% v2 o  |5 h17. 从 RGB 转换为 HEX
- \- c/ n* ^: k. |0 f c721faaade67507efc869c3b90153401.png / @9 V& _/ D3 K1 R4 C
18. 从数组中获取最大值和最小值
: A6 U! Q" [: w6 b; I 10eefd37cd42682f6ab4cb801d1bdfd6.png
0 X. T1 L+ {, }1 K3 g; ?; T3 t19. 空值合并运算符. l. g# `5 V; l3 F
bbd79444ce1fdf81bcc2a0664743ee1d.png
; ~' ?+ t, X! B, n+ l$ U, MMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值
1 o  K6 E' r6 N6 n5 r% k* }# b 59d0062e4ad7a2d9127ad12fc5d74cc9.png * j$ S3 ^5 @6 q8 L+ @2 a; c
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176