Fortement recommandé : 20 astuces ES6 qui valent la peine d'être collectées

Cet article organise et partage des astuces ES6 et a compilé 20 blocs de code ES6 fréquemment utilisés pour tout le monde. J'espère que vous l'aimerez !

1. Perturbez l'ordre du tableau

[Recommandations associées : Tutoriel d'apprentissage Javascript]

2.

3 . Inverser des chaînes ou des mots

4. Convertir le décimal en binaire ou hexadécimal

5.

6. La différence entre ===

et

<img src="https://img.php.cn/upload/image/826/410/169/165033665521724Fortement%20recommand%C3%A9%C2%A0:%2020%20astuces%20ES6%20qui%20valent%20la%20peine%20d%C3%AAtre%20collect%C3%A9es" title="165033665521724Fortement recommandé : 20 astuces ES6 qui valent la peine dêtre collectées" alt="Fortement recommandé : 20 astuces ES6 qui valent la peine dêtre collectées">==

<span style="font-size: 18px;">===</span> 和 <span style="font-size: 18px;">==</span> 的区别

7. 解构赋值

8. 交换变量的值

9-1. 判断回文字符串

回文字符串: 正着写和反着写都一样的字符串

9-2 判断两个字符串是否为互相排列

判断两个字符串是否为互相排列: 给定两个字符串,一个是否是另一个的排列

10. 可选链操作符

MDN: 可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined

7. Mission de déstructuration

8. Échangez les valeurs des variables

9-1. Déterminez la chaîne palindrome

Chaîne Paindrome : une chaîne qui est la même lorsqu'elle est écrite frontalement ou à l'envers

9-2 Déterminer si deux chaînes s'arrangent l'une l'autre

Déterminez si deux chaînes sont permutées : étant donné deux chaînes, si l'une est une permutation de l'autre

10 Opérateur de chaîne facultatif

MDN :

L'opérateur de chaînage optionnel ( ?. ) permet de lire la valeur d'une propriété située au plus profond de la chaîne d'objets connectés sans avoir à vérifier explicitement que chaque référence de la chaîne est valide. L'opérateur ?. fonctionne de manière similaire à l'opérateur chaîne ., sauf que lorsque la référence est nulle (null ou undefined) ne provoquera pas d'erreur. La valeur de retour de court-circuit de cette expression est indéfini. Lorsqu'elle est utilisée avec des appels de fonction, si la fonction donnée n'existe pas, elle renvoie

12 Sélectionnez aléatoirement une valeur dans le tableau

🎜🎜🎜🎜🎜13. 🎜🎜🎜🎜14. Supprimez les doublons du tableau Elements 🎜🎜🎜🎜🎜🎜 🎜🎜🎜15. Effacez le tableau. 🎜🎜🎜🎜🎜🎜

17. Convertir de <code><span style="font-size: 18px;">RGB</span> 转换为 <span style="font-size: 18px;">HEX</span>

18. 从数组中获取最大值和最小值

19. 空值合并运算符

MDN: 空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

20. 过滤数组中值为 <span style="font-size: 18px;">false</span>RGB en

HEX

18. Obtenez les valeurs maximales et minimales du tableau

19. Opérateur de fusion de valeurs nulles

🎜🎜MDN : 🎜Opérateur de fusion de valeurs nulles🎜 (??) est un opérateur logique, lorsque l'opérande de gauche est null ou indéfini , renvoie l'opérande de droite, sinon renvoie l'opérande de gauche. 🎜🎜🎜🎜🎜20. Filtrez les valeurs du tableau qui sont 🎜<code>🎜false🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜Code source🎜🎜🎜🎜🎜https://github .com/ xieyezi /vuepress-blog/blob/master/docs/front-end/ES6-20 techniques fréquemment utilisées.md🎜🎜🎜Ci-dessus, coder et dessiner sont très difficiles, ne soyez pas avare de likes dans votre mains, vos likes sont ma plus grande motivation pour continuer à mettre à jour ! 🎜🎜【Tutoriels vidéo associés recommandés : 🎜front-end web🎜】🎜