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

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

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

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

×
1. 打乱数组顺序4 g: x3 }4 u7 f+ ?% i, e4 n' {
5441b30824b20dd480235417d5e6bdca.png ! C! Z5 x+ o) S8 f# n
2. 去除数字之外的所有字符7 u9 E  K  f' L  u/ }! @2 G# L
cba28fd4dc74a7e2255907dd31aaf1c1.png 9 h2 H8 A( a! \" D
3. 反转字符串或者单词, ?* c8 e# b1 T: O5 L
7b1a2f3c895ac2c249076eb006e6ee4e.png
" x+ q" M% V2 h4. 将十进制转换为二进制或十六进制: G6 R( s' T( U$ e# @
7fb7cfaa1f508e35a606f5205827e90a.png . |1 _+ y& U) {( M6 e# [+ z& H
5. 合并多个对象1 }" d3 m  r+ V7 W) K- K2 M2 |5 O
02005c2f23151a6ce3807d463e292d4f.png - Z( `  C! G# d9 D$ J
6. === 和 == 的区别
9 b' {) s( p8 s. M d15c2b72c7f54bd72acda88a28665743.png
: e! I) h: |9 [# q" q; C5 _7. 解构赋值
7 ]  u7 I& P+ U3 |9 [7 X e1c839daeb8ce82f18f634f3167a8d55.png
- g9 O! ]) W* x# L4 L, l8. 交换变量的值
$ x0 q) G: u' J% S+ y# B. Y 36eccdf12db04634d87ec7a12ca166f0.png
8 h. N% d. Z  J- i9-1. 判断回文字符串; s9 \; ]6 C" J% @
c4f733c737d8744cae06e5727de433a0.png ; F! Z  {1 o: G5 I* B: S, B
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列3 `6 z: X7 H  G  v( Q! R
c3b689441782a3c53958265d7ed4e51c.png
1 h4 y9 D  q- H8 x2 A/ ?判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
1 O* L. f$ N. D 9bd44dc41b13df2ecf17e1465f09927e.png   x! _) H' W2 l. a! ]- b
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined例如:if (res && res.data && res.data.success) {      //code}相当于:if (res?.data?.success) {  // code}11. 三目运算符
, {& b# l# t5 y: n 603912beb273992e0a9562c2041be26e.png $ c6 ^9 m8 T6 x: w7 i
12. 从数组中随机选择一个值
6 M5 p8 f( G+ h$ w7 C, Z( v 7e66fe82d970b80117861132b5f6f46e.png 7 J# x) O6 B+ x1 U
13. 冻结对象$ `& h. F* z1 O7 Q
cb0cdb79cb6baace2a0e170713d33174.png
; S5 I8 D. G3 K/ S) h14. 删除数组重复的元素' ^  X. G6 u; p; ~( m
9d7c550982e184f82affc528a54088a0.png ' K$ @" |7 y. q  V, n. y
15. 保留指定位小数  B- m' F/ s- B! N
73fa3033123f26af172e36881105f97b.png
) Q/ b6 q' {% K( S/ O16. 清空数组
: ~" P; I" Q" _8 M* g5 _, [ 7c49fe68660f77ea666d77f9d69c023a.png
  J% ?' e: r) O17. 从 RGB 转换为 HEX! R- E3 e3 v' P# m% B* x5 d
c721faaade67507efc869c3b90153401.png + G! E# n# @; z4 ^! v$ b3 J# Z
18. 从数组中获取最大值和最小值
9 e: `  J( w' d1 L 10eefd37cd42682f6ab4cb801d1bdfd6.png + d* U# O  O' J4 p' B+ u' ~
19. 空值合并运算符! ^" B7 l; {) V2 r4 W: f. O3 E( c
bbd79444ce1fdf81bcc2a0664743ee1d.png
; I6 ~, X! k5 d4 m5 f1 D) J9 D6 uMDN: 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。20. 过滤数组中值为 false 的值. A& ^( e0 u& S; s
59d0062e4ad7a2d9127ad12fc5d74cc9.png 5 D4 ?: g( j0 s# H5 M
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md      
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

5

主题

4

回帖

199

积分

学徒

积分
199
学费
176