返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

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

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

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

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

x
1. 打乱数组顺序
' l% G9 D+ O! k8 Z 5441b30824b20dd480235417d5e6bdca.png
. ]* w0 T# x- g! t, C2. 去除数字之外的所有字符0 G1 j1 L0 i) M- E8 |  c. {
cba28fd4dc74a7e2255907dd31aaf1c1.png % u" _' x; f4 M9 w" h1 |
3. 反转字符串或者单词6 k* `/ p6 @9 K6 X, x5 u% c3 N
7b1a2f3c895ac2c249076eb006e6ee4e.png
! r3 }7 }  \$ G, }1 }# {4. 将十进制转换为二进制或十六进制( ^) I6 ^1 l8 _, x) w! G6 ?
7fb7cfaa1f508e35a606f5205827e90a.png ) B. ^/ A$ T/ F: {) n+ }
5. 合并多个对象4 F4 U8 \1 h8 k, S! A5 d
02005c2f23151a6ce3807d463e292d4f.png ) ^* S2 r' S& e; U+ b% Y+ ~- `8 O
6. === 和 == 的区别
7 Z! |- u1 ?* W; U/ B) A( g d15c2b72c7f54bd72acda88a28665743.png 0 w8 X1 y3 Z' b: H8 N# i
7. 解构赋值
, K4 C$ R7 j9 D; F e1c839daeb8ce82f18f634f3167a8d55.png
# K, e/ U' w" ^7 [3 M5 F8. 交换变量的值1 v) I9 {$ [5 ^5 R
36eccdf12db04634d87ec7a12ca166f0.png
4 ?- o% N; h9 t5 ^; x/ S: m9-1. 判断回文字符串) W5 Y6 G* u- k+ P, Z
c4f733c737d8744cae06e5727de433a0.png 1 y/ G; V( G) y
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列, h' z1 S; v& \- V$ [; O9 I
c3b689441782a3c53958265d7ed4e51c.png
9 ?- W8 L6 c# r9 r- P+ x判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符$ h( o$ ^) y7 W! U
9bd44dc41b13df2ecf17e1465f09927e.png
+ U1 l( b# f& N) w/ \- yMDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符! S2 T- e5 s/ F
603912beb273992e0a9562c2041be26e.png
. x* l5 Z  L' a0 @; [* x7 F12. 从数组中随机选择一个值! N' e% p- r0 w. M$ ^- V' ^
7e66fe82d970b80117861132b5f6f46e.png ) {& S6 g! S$ _
13. 冻结对象
7 ^4 l" j" Q" a* S cb0cdb79cb6baace2a0e170713d33174.png 1 K/ g' z* L# q  A( G
14. 删除数组重复的元素
8 ^( O6 \. G. @( q3 d 9d7c550982e184f82affc528a54088a0.png
+ D- ?* k2 H9 \3 l15. 保留指定位小数
0 a9 g1 \. Q9 E  o9 t 73fa3033123f26af172e36881105f97b.png . a8 B# r& q* t. b
16. 清空数组" s) \% u! }; q4 n8 D) a
7c49fe68660f77ea666d77f9d69c023a.png 3 Y; a" }* N& M" Q+ h* b
17. 从 RGB 转换为 HEX
9 u, y* ?% ]) s0 Q5 M$ h c721faaade67507efc869c3b90153401.png
+ `1 g: h+ u6 `7 p6 W: ]18. 从数组中获取最大值和最小值
' a" E% R4 |  T% o; N 10eefd37cd42682f6ab4cb801d1bdfd6.png
- W4 }, p5 W& I/ N! G1 z19. 空值合并运算符$ x, z5 d! |9 P4 G7 s
bbd79444ce1fdf81bcc2a0664743ee1d.png ) l9 n. m" S& n: V' t
MDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值: u, J) q0 R; r3 s# U
59d0062e4ad7a2d9127ad12fc5d74cc9.png 7 C8 r! o8 F* q$ B
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

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

  • 微信公众号

  • 商务合作