请选择 进入手机版 | 继续访问电脑版
返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

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

[复制链接]
商乾美工 显示全部楼层 发表于 2022-4-29 17:16:56 |阅读模式 打印 上一主题 下一主题

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

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

x
1. 打乱数组顺序
2 k  J: K  o5 b 5441b30824b20dd480235417d5e6bdca.png
& }" W  d" F) C% f) v7 ]2. 去除数字之外的所有字符8 `# C7 o9 [5 |3 @' }( A9 k& P  j
cba28fd4dc74a7e2255907dd31aaf1c1.png
2 s" j  g0 p5 u0 o* W) L6 k# J) b5 W3. 反转字符串或者单词6 {* C: u2 V0 X! i7 d( G6 s
7b1a2f3c895ac2c249076eb006e6ee4e.png
# b' _. K( i  B3 M5 v4. 将十进制转换为二进制或十六进制# G5 t1 L4 K" b
7fb7cfaa1f508e35a606f5205827e90a.png
/ _5 S$ I; ^" f, o$ N# G* T5. 合并多个对象6 s0 r. r7 v) j2 }& q
02005c2f23151a6ce3807d463e292d4f.png * ?1 A4 I8 i% b8 M' z9 ?
6. === 和 == 的区别
9 m9 H2 d' |: K2 l d15c2b72c7f54bd72acda88a28665743.png
  d5 B5 g# b) @& O; m  d/ \5 t7. 解构赋值
5 M4 M# A1 s/ U( d0 n6 c e1c839daeb8ce82f18f634f3167a8d55.png ' z; x6 [1 S) d; R( Q! `
8. 交换变量的值
8 j. ~5 w. B0 e1 u# l9 a 36eccdf12db04634d87ec7a12ca166f0.png / A: E3 {/ j* R, N: ]
9-1. 判断回文字符串, Y/ d( L) e, E& |. _0 O, c
c4f733c737d8744cae06e5727de433a0.png
2 b: w8 v, {5 P+ n回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
: [. S- }, L' @4 ]8 E" |1 `& V: t c3b689441782a3c53958265d7ed4e51c.png 5 L6 u4 F2 B, u- b/ E8 r& j/ y& E0 D
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符+ Q  N) o1 D( `. n0 Z0 t
9bd44dc41b13df2ecf17e1465f09927e.png / A  d( H  M) O
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符
) I! M3 g! l- W 603912beb273992e0a9562c2041be26e.png
2 E8 C& q. P* c; _12. 从数组中随机选择一个值! F' u' l" h8 l* y' P! _+ o; ^
7e66fe82d970b80117861132b5f6f46e.png
$ M0 [* {1 F3 }; o0 u7 U$ ^6 P13. 冻结对象
9 h- Z0 ~+ K! G  G2 A cb0cdb79cb6baace2a0e170713d33174.png
) m  k% i1 m. j14. 删除数组重复的元素
" P5 o- b/ c" u* ~" C7 k" r7 d% T 9d7c550982e184f82affc528a54088a0.png - G. T7 E: p% Q' J6 @; m; B: }% N- k
15. 保留指定位小数
. R. _7 Y3 `$ F6 M 73fa3033123f26af172e36881105f97b.png 4 D* \7 O  m/ h: g: t* L. }% p2 N
16. 清空数组
6 {3 J' H0 J/ P; M! V8 y 7c49fe68660f77ea666d77f9d69c023a.png 0 O# R5 F' @0 T! \+ n
17. 从 RGB 转换为 HEX# h+ a  U# h- ?
c721faaade67507efc869c3b90153401.png
: E- w) O  T. ~. M$ g: P. s8 o  f) o18. 从数组中获取最大值和最小值) g$ \3 |3 Y2 Q# t
10eefd37cd42682f6ab4cb801d1bdfd6.png 8 B& d$ s& L! q# B" N
19. 空值合并运算符3 H' R- p$ g% w1 R; L% n- W
bbd79444ce1fdf81bcc2a0664743ee1d.png
+ J1 j0 H; {3 U4 j& t0 F6 @' G! aMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值+ l0 g2 z7 F/ c2 J( d' ~* F+ X
59d0062e4ad7a2d9127ad12fc5d74cc9.png 7 i+ r- F. p) c1 m1 G
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
做电商找商乾,中国最大的电商技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

商乾全球电商人、电商交流学习与电商实战技术分享、电商爬虫、生活交流专业网站
  • 官方手机版

  • 微信公众号

  • 商务合作