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

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

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

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

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

x
1. 打乱数组顺序
, i, ]: V9 d' }! ? 5441b30824b20dd480235417d5e6bdca.png
  S! A  R$ i) H6 ?0 r$ g3 X2. 去除数字之外的所有字符  D5 [+ ^; F% q5 B/ a. }
cba28fd4dc74a7e2255907dd31aaf1c1.png
2 o- m; F, ~: A1 c4 V/ [6 J3. 反转字符串或者单词
, l% A8 R+ Y6 b, t 7b1a2f3c895ac2c249076eb006e6ee4e.png
; C% Q, j- ?7 ^( t& K" m4. 将十进制转换为二进制或十六进制
8 N9 k/ q9 o/ H7 h 7fb7cfaa1f508e35a606f5205827e90a.png
$ c% |% U5 c0 l; H( c/ g/ Y& S$ f+ Q- W5. 合并多个对象3 \* j# z+ Y2 z! r- t. ~
02005c2f23151a6ce3807d463e292d4f.png ) o! v' K4 H* e% W4 h. s) d
6. === 和 == 的区别* u5 n, S1 F8 P- y% R# u' k' S' I1 @
d15c2b72c7f54bd72acda88a28665743.png $ u4 b5 G7 x) O" r. K+ U
7. 解构赋值7 ]  h& x" J4 T) g
e1c839daeb8ce82f18f634f3167a8d55.png 5 z1 c! l% V  \, l3 J' r, \9 f
8. 交换变量的值6 Q7 H, p  B0 {( J2 U* X. d
36eccdf12db04634d87ec7a12ca166f0.png ! f: ?5 e- |) e
9-1. 判断回文字符串
- K* |  R) W* h7 X6 D% O% x) [- Y- z1 I c4f733c737d8744cae06e5727de433a0.png
, S( H- }7 \; ?0 }# J/ D回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
; `- y+ ^, Y! K! R' t c3b689441782a3c53958265d7ed4e51c.png
( q( s! h, D  x6 B% D) X, J7 c- J判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
  Z$ V0 [% y+ J0 | 9bd44dc41b13df2ecf17e1465f09927e.png * I8 Y* t. l7 E) J4 K0 J/ X" B% O
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符" j* J# l5 ]7 \! e5 g+ p2 y' ~+ w
603912beb273992e0a9562c2041be26e.png
. \' L0 o2 M! ?+ ~; N6 u12. 从数组中随机选择一个值. F- Z9 e0 }/ }- H& O
7e66fe82d970b80117861132b5f6f46e.png 3 o) x! t5 B: q& Z- R' X
13. 冻结对象
& [% G, R6 O  f3 o9 Q cb0cdb79cb6baace2a0e170713d33174.png
$ v" U9 v) u6 _8 U% x14. 删除数组重复的元素
% A  I& q0 L% [, r2 e! C# b- K# m& t 9d7c550982e184f82affc528a54088a0.png 2 M( Y. h0 C3 z9 u) @& C* Q, u
15. 保留指定位小数+ u5 w9 X- @# u. z
73fa3033123f26af172e36881105f97b.png
  n" R- b1 @1 _; A16. 清空数组, R+ ], J! C# R/ K# S9 L+ ]. z
7c49fe68660f77ea666d77f9d69c023a.png
( ^! i1 @' d) {) A' N: r17. 从 RGB 转换为 HEX
- X4 T# ]. l! I; C  u  B* g+ c& o* S) R! v c721faaade67507efc869c3b90153401.png
3 h4 J+ a/ [8 q- ^18. 从数组中获取最大值和最小值
8 r& t- r. P/ W 10eefd37cd42682f6ab4cb801d1bdfd6.png
! J5 j. K# q( v6 a" T7 p! M1 a19. 空值合并运算符$ `' O  G: ^- Y9 l/ H+ Q2 g
bbd79444ce1fdf81bcc2a0664743ee1d.png
' ~) X, \; {; pMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值% e# f) a0 j/ [( k: T
59d0062e4ad7a2d9127ad12fc5d74cc9.png
- Y5 L' [2 M% j- c' N源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      

最近浏览会员:

  • 商乾美工
    2022-04-29
做电商找商乾,中国最大的电商技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

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

  • 微信公众号

  • 商务合作