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

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

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

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

×
1. 打乱数组顺序
. p% i4 w1 k! m$ H- d, g 5441b30824b20dd480235417d5e6bdca.png * d9 O' I) I" r
2. 去除数字之外的所有字符
& ^. f2 I& n' S+ m cba28fd4dc74a7e2255907dd31aaf1c1.png & S1 O0 D8 f2 Z& c, a7 j
3. 反转字符串或者单词, _  U( v: M- L, s
7b1a2f3c895ac2c249076eb006e6ee4e.png & g. O) U+ q, h. I2 s& l  }
4. 将十进制转换为二进制或十六进制- _1 q; F3 z4 u7 O
7fb7cfaa1f508e35a606f5205827e90a.png ; ^0 f9 ~- E4 _& u! ^; y
5. 合并多个对象
5 x$ q% [0 s$ c# c 02005c2f23151a6ce3807d463e292d4f.png
% e/ E. q& s9 I1 S6. === 和 == 的区别; F$ \' \, r: E# e3 j
d15c2b72c7f54bd72acda88a28665743.png
  \0 g+ ?* q* p' r7. 解构赋值+ v$ w- W7 T- I8 H; Y$ q
e1c839daeb8ce82f18f634f3167a8d55.png
! `# g' I& x- O" k8. 交换变量的值" ]) V1 |2 X: y* S8 |$ ^
36eccdf12db04634d87ec7a12ca166f0.png - |' e( h7 @$ c& t5 @9 Z! ?8 i' Y
9-1. 判断回文字符串
( N; L1 K4 B: ?9 {3 T" y; |% R2 x c4f733c737d8744cae06e5727de433a0.png + m$ E: |' ^& I+ {  p  e
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
0 A" W1 O' e$ s0 [) q c3b689441782a3c53958265d7ed4e51c.png - ]2 G- c/ y7 c. C
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
' _2 N  Z/ @) G/ H6 Z 9bd44dc41b13df2ecf17e1465f09927e.png . g* M/ Y- [. d- W4 ~* `8 h
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符3 F$ t2 z. [9 N7 i% m+ g: g3 a
603912beb273992e0a9562c2041be26e.png ( W9 a# |7 Y# M, u
12. 从数组中随机选择一个值5 ~2 F6 Q* v* P3 V
7e66fe82d970b80117861132b5f6f46e.png $ ?! w& v( w, c) ?2 ^) K9 I
13. 冻结对象
* z9 \; {' S: n: p cb0cdb79cb6baace2a0e170713d33174.png
! M1 X  P! g, ]14. 删除数组重复的元素
& O; A# @4 \. ^  X3 z# ~ 9d7c550982e184f82affc528a54088a0.png # @* q0 F" Z6 ^2 [/ O) A9 v: X
15. 保留指定位小数  N* i. c+ W; ~! L0 H) D% Y; l; E! B5 i
73fa3033123f26af172e36881105f97b.png
/ J9 {! d& X# t+ U16. 清空数组
, b% b- E4 q  h4 n6 D 7c49fe68660f77ea666d77f9d69c023a.png 0 \3 w) H5 n- W7 n
17. 从 RGB 转换为 HEX: O8 b4 J# A6 c' {6 l% W0 M
c721faaade67507efc869c3b90153401.png
  W( z/ V; M  ]7 o4 q: Y18. 从数组中获取最大值和最小值1 P* T5 E- p/ F! A9 y
10eefd37cd42682f6ab4cb801d1bdfd6.png
4 b: P$ A7 a5 x0 T: Y) l8 t/ D19. 空值合并运算符
) ^% K& d: s7 Y% l- ^0 |- w bbd79444ce1fdf81bcc2a0664743ee1d.png
' j$ |7 F: }! Z: ^: q  c+ Q$ rMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值1 K: z  B- Q2 t- M+ f4 i/ `' b
59d0062e4ad7a2d9127ad12fc5d74cc9.png
# m" j  P8 }( h9 s4 ~9 i: A4 f源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176