Manipuler des émojis en JavaScript
Il est possible de manipuler des émojis en JavaScript. Les émojis sont des caractères encodé qui peuvent aussi être combiné en créer de nouveau. Le terme combiné est important, car on va voir dans cet article tous les secrets des émojis. Si un recruteur veut 100 % d’échec au test technique qu’il fait passer, il est au bon endroit ! 🚀
Décomposer des émojis ?
Et oui vous ne rêvez pas et si vous ne me croyez pas, ouvrez votre console maintenant. La taille de cette émoji «👨👩👦» est bien de 8, du coup, on va essayer de comprendre pourquoi ! En JavaScript, on peut utiliser le spread operator permet de convertir un itérable en liste d’arguments. On va donc utiliser le spread operator pour savoir comment est composé notre émoji.
Avec le spread opérator on a pu trouver les caractères/émojis qui une fois combiné permettaient de créer l’émoji « 👨👩👦 », et avec la taille des trois émojis, plus les deux string vide, on retombe bien sur 8 ! Bon après, il reste le mystère des émojis seul qui ont une taille de 2. Certains émojis, notamment ce qui supporte des variables comme la couleur ou le sexe, utilise le Liant sans chasse ou Zero Width Joiner en anglais, celui-ci fait le lien entre deux caractères Unicode, mais n’est pas réellement utilisable sans eux.
Mais le plus important maintenant, c’est vous pouvez savoir de quoi est composé chaque émoji !
Composer des émojis
On sait maintenant que l’on peut décomposer des émojis, on va essayer de faire l’inverse. On va essayer de partir de plusieurs émojis pour en créer un ! Mais cela n’est pas aussi simple qu’on le pense car il faut arriver a combiné des caractères sans tomber dans la concaténation de string, cela peut se faire avec la méthode join de Array.
On peut donc faire le chemin inverse de ce que l’on a vu précédemment et ainsi recréer des émojis ! Malheureusement, cela est plutôt limité et on ne pourra pas créer de nouveaux émojis en fessant des combinaison inédite …
Pour résumer, comment peut on manipuler les émojis en JavaScript ?
- Un émoji peut en cacher un autre
- On peut utiliser le spread operator sur les émojis pour connaître leur composition
- Certains émojis ont une liaison invisible
- On peut combiner des émojis en un seul avec Array.join
Proposition de lectures
Découvrez comment utiliser les promesses pour gérer les opérations asynchrones en JavaScript de manière efficace avec notamment async/await.
Optimiser les performances de vos pages web avec PageSpeed Module, un outils à brancher directement sur votre serveur web