漫潮者,私有云,NAS,新媒体电商.软件开发,商乾
标题:
干货 | 20个ES6小技巧，收藏！
[打印本页]
作者:
商乾美工
时间:
2022-4-29 17:16
标题:
干货 | 20个ES6小技巧，收藏！
1. 打乱数组顺序
) G- I* t" F; {/ L: @0 K% a* f
(, 下载次数: 6)
上传
点击文件名下载附件
0 y' m* T# g" \& |
2. 去除数字之外的所有字符
; f- E0 w& S/ e# J5 F
(, 下载次数: 6)
上传
点击文件名下载附件
* s6 o( u0 Q% V* _
3. 反转字符串或者单词
' E4 c1 q5 ]0 z2 v
(, 下载次数: 7)
上传
点击文件名下载附件
' e& {' ?& u1 `% W) o- B0 b' C
4. 将十进制转换为二进制或十六进制
+ i! k7 k9 o7 K4 ?) m( A( h: _; v
(, 下载次数: 6)
上传
点击文件名下载附件
+ y5 M4 y7 {. C- e) K' {& E
5. 合并多个对象
& t$ J( r( d6 T7 O/ ^. }
(, 下载次数: 7)
上传
点击文件名下载附件
( l& ]: Y/ q' q: P2 V8 w
6. === 和 == 的区别
4 K* j6 W$ x! m/ R8 f3 e$ J# Z
(, 下载次数: 6)
上传
点击文件名下载附件
1 K3 t( j% L8 x* p: q% s
7. 解构赋值
7 i, {) F" M: C1 s: P+ `
(, 下载次数: 6)
上传
点击文件名下载附件
9 Z1 L9 t- @1 V' n$ M$ ?' C. a6 \( [
8. 交换变量的值
6 x0 f" ?& ]! P/ u- v7 b$ |; r
(, 下载次数: 6)
上传
点击文件名下载附件
. ]/ d# E! p( |- x
9-1. 判断回文字符串
' ]) ~+ W2 r3 E. |2 h, U
(, 下载次数: 5)
上传
点击文件名下载附件
; C: j; V: b8 u% E |8 u
回文字符串: 正着写和反着写都一样的字符串9-2 判断两个字符串是否为互相排列
( w$ D" y6 q( X4 j, }
(, 下载次数: 6)
上传
点击文件名下载附件
% G* R* i/ m+ P6 h) p6 R! z2 C
判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列10. 可选链操作符
4 `- `3 S. [0 h3 R: q$ L
(, 下载次数: 7)
上传
点击文件名下载附件
/ G$ F& d. a) g" r) m/ T) P
MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined例如：if (res && res.data && res.data.success) { //code}相当于：if (res?.data?.success) { // code}11. 三目运算符
! V: v" D# S& h8 M; z
(, 下载次数: 6)
上传
点击文件名下载附件
6 v( Y% l+ Y" G5 C/ M
12. 从数组中随机选择一个值
* y; o. a1 g$ B. | H# ?' X
(, 下载次数: 7)
上传
点击文件名下载附件
/ O% T+ o( q2 A9 a
13. 冻结对象
1 x. d# u: z' H- q# e
(, 下载次数: 6)
上传
点击文件名下载附件
7 v6 [+ D' n2 x! J, E
14. 删除数组重复的元素
3 w+ d( n0 q9 R$ D+ @/ P
(, 下载次数: 7)
上传
点击文件名下载附件
0 v' |) I+ A' z/ @3 L
15. 保留指定位小数
! _) e) m) L7 I$ g9 _6 P& |
(, 下载次数: 6)
上传
点击文件名下载附件
& G% i6 d7 e& h' K
16. 清空数组
5 H' j w# j! H: M& }7 \* u
(, 下载次数: 5)
上传
点击文件名下载附件
& a" M9 ~! h+ g# w& V
17. 从 RGB 转换为 HEX
- M: S$ I% F- Y$ M2 P
(, 下载次数: 5)
上传
点击文件名下载附件
+ H) e5 v8 |1 b8 K+ V3 f3 `
18. 从数组中获取最大值和最小值
: B9 f, q, V/ t: C# P, f
(, 下载次数: 6)
上传
点击文件名下载附件
9 G \1 L& i1 f/ |4 u6 J1 |
19. 空值合并运算符
1 S' E- u# [ ^8 o" g( g4 Z
(, 下载次数: 6)
上传
点击文件名下载附件
3 j: W( p {0 E; q v
MDN: 空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。20. 过滤数组中值为 false 的值
( Q+ E- o4 \- w) p |$ p7 @! q
(, 下载次数: 6)
上传
点击文件名下载附件
& V" A% E- b( B% p
源码https://github.com/xieyezi/vuepr ... cs/front-end/ES6-20个经常使用的技巧.md
欢迎光临 漫潮者,私有云,NAS,新媒体电商.软件开发,商乾 (https://www.aurrel.com/)
Powered by Discuz! X3.5