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

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

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

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

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

x
1. 打乱数组顺序/ I5 n! C3 F9 e8 B2 W7 D% U
5441b30824b20dd480235417d5e6bdca.png
9 j$ u6 n$ j5 M( l1 l7 @2. 去除数字之外的所有字符
& D- @" J  @/ h2 H, w( C cba28fd4dc74a7e2255907dd31aaf1c1.png
9 ]( L3 G9 G* `5 A$ i; [+ `- N3. 反转字符串或者单词
/ x$ @0 l3 T1 V1 o 7b1a2f3c895ac2c249076eb006e6ee4e.png
( b& _) [0 E" [1 @4. 将十进制转换为二进制或十六进制
5 h4 _4 j1 t8 r 7fb7cfaa1f508e35a606f5205827e90a.png
6 r2 x, s3 J$ T3 k4 z  U5. 合并多个对象$ `9 _; P4 F$ d5 z
02005c2f23151a6ce3807d463e292d4f.png
1 ^7 L0 u4 @6 Q; E8 j: q6. === 和 == 的区别+ y/ K  @- n, x6 M; k. Y& V% C9 T
d15c2b72c7f54bd72acda88a28665743.png : p: V7 ?& ]4 ~- U& Q
7. 解构赋值. b# R9 k8 c7 f, {$ ?) b# c
e1c839daeb8ce82f18f634f3167a8d55.png
  T9 i3 D/ b- c+ @0 `8. 交换变量的值: {1 V3 A8 V- f
36eccdf12db04634d87ec7a12ca166f0.png 6 a+ c) }+ i" a: i! \; S1 j
9-1. 判断回文字符串
/ @' K* R$ q$ S: B$ L- f2 S c4f733c737d8744cae06e5727de433a0.png 8 Y8 {! G8 F  S, T; K+ V
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列0 T: e" O$ N& Q% K; z
c3b689441782a3c53958265d7ed4e51c.png * p  U1 S5 r8 Y0 f2 z# i
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符! Z- r: ]8 E: K0 `3 h
9bd44dc41b13df2ecf17e1465f09927e.png * h$ \8 n1 ]+ n, m2 O: F
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符/ Y+ f  C2 m7 E/ d/ l
603912beb273992e0a9562c2041be26e.png
0 r$ A' t1 z. x9 _3 D12. 从数组中随机选择一个值
% o, j, G6 d; t" L: U 7e66fe82d970b80117861132b5f6f46e.png / B# ]4 D, O# ^
13. 冻结对象' R- U5 j0 D, v
cb0cdb79cb6baace2a0e170713d33174.png " v. g& h& _2 D( j8 ]; {
14. 删除数组重复的元素# ]) s+ {3 A! R- d- L! g$ e& N
9d7c550982e184f82affc528a54088a0.png 4 @7 R0 ^0 _& H) ~/ s$ B
15. 保留指定位小数+ q* O7 Y0 o5 I
73fa3033123f26af172e36881105f97b.png
0 y% T" j/ E- C7 j0 K$ D/ X0 J9 W16. 清空数组8 \% U2 ?; F. [
7c49fe68660f77ea666d77f9d69c023a.png
/ c5 k5 }+ M2 J; R9 L6 L& D17. 从 RGB 转换为 HEX
( M$ t7 j, ]9 X  Q2 \ c721faaade67507efc869c3b90153401.png
7 s6 T  _$ V8 n4 c$ `8 n& r4 G! y18. 从数组中获取最大值和最小值* h  l. f2 g. n" {
10eefd37cd42682f6ab4cb801d1bdfd6.png
( L; e8 w% t' J19. 空值合并运算符
: Q3 m4 `0 Y6 P3 K bbd79444ce1fdf81bcc2a0664743ee1d.png
) h5 b( m- |5 |& d+ p% ^MDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值
5 q3 i8 B4 G0 t* ` 59d0062e4ad7a2d9127ad12fc5d74cc9.png
5 i5 z8 z2 i/ y/ H" g源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      

最近浏览会员:

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

本版积分规则

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

  • 微信公众号

  • 商务合作