在前端开发中,使用图标是一种常见的需求。而在使用图标的过程中,emojis 也是一种常见的使用方式之一。在这里,我们将介绍一个 npm 包 emojis-hash ,可以方便快捷地使用 emojs。
1. 安装 emojis-hash
通过 npm 可以很方便地安装 emojis-hash。
npm install emojis-hash --save
2. 使用 emojis-hash
在使用 emojis-hash 之前,需要先引入 emojis-hash 。
const emojisHash = require('emojis-hash');
2.1. 获取所有 emojis 的名称
可以使用 getEmojis
方法来获取所有 emojis 的名称。
const emojis = emojisHash.getEmojis(); console.log(emojis); //输出所有 emojis 的名称:['smile','joy','laughing','blush','grin','wink','hearteyes','kissingheart',......]
2.2. 根据指定的 emoji 名称获取 emoji 的 Unicode 编码
可以使用 getCode
方法获取一个 emoji 名称对应的 Unicode 编码。
const code = emojisHash.getCode('smile'); console.log(code); // 输出:1f600
2.3. 根据 Unicode 编码获取 emoji 的emoji名称
可以使用 getName
方法根据 Unicode 编码获取 emoji 名称。
const name = emojisHash.getName('1f600'); console.log(name); // 输出:smile
2.4. 根据 Unicode 编码获取对应的 emoji 字符串
可以使用 getEmoji
方法获取一个Unicode编码对应的 emoji 字符串。
const emojiUnicode = '1F600'; const emoji = emojisHash.getEmoji(emojiUnicode); console.log(emoji); // 输出:😀
3. 示例代码
最后,让我们来看一个完整的示例代码:
-- -------------------- ---- ------- ----- ---------- - ----------------------- ----- ------ - ----------------------- -------------------- ------ ------ -- ----- ---- - ---------------------------- ------------------ ---------- ----- ---- - ---------------------------- ------------------ ---------- ----- ------------ - -------- ----- ----- - ---------------------------------- ------------------- -- -----
4. 总结
在本文中,我们学习了如何使用 npm 包 emojis-hash 快速方便的使用 emojs,以及如何获取 emoji 的名称、Unicode 编码、以及对应的 emoji 字符串等相关操作。emojis-hash 模块是在emojilib基础上设计的,并提供 Unicode 表情符号列表的快速搜索和访问,可以为我们的开发提供很大的便利。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e1ea563576b7b1ecd4e