前言
随着移动互联网的快速发展，文字表达方式也被赋予更加生动并具有表情的特色，而 Emoji 作为一种新型的表情符号也逐渐在日常生活中得到广泛的运用。在前端开发中，如何尽快准确的寻找到所需要的 Emoji 表情是一个非常重要的需求。因此，本篇文章将介绍一种快速查询 Emoji 表情的 npm 包 emoji-query 的使用教程，以供各位开发者参考。
安装
在使用 emoji-query 之前，需要先进行安装。在命令行工具中输入以下命令：
npm install emoji-query
或
yarn add emoji-query
随即便可安装完毕。
使用
查询 Emoji
在引入 emoji-query 后，即可使用该包进行 Emoji 的查询。示例代码如下：
const emojiQuery = require('emoji-query');
const emojis = emojiQuery.search('smile');
console.log(emojis);使用 emojiQuery.search() 函数，传入所要查询的关键词，即可查询到所有匹配的 Emoji。需要注意的是，查询时传入的关键词只需包含 Emoji 的一部分即可，如该示例中就只查询了包含“smile”字眼的 Emoji。
查询结果为一个数组，其中每个项都是包含 Emoji 的各种信息。
查询结果
查询结果包含 Emoji 的名字、类别、代码等信息。示例代码如下：
-- -------------------- ---- -------
-
-
----- -------- ---- ---- ---- ----- --- ------- ------
-------- --------
-------------- -----------
------- -------
--- -------
--------- -------
------- ---------
------ ------------
-------- --
-------- --
----------- ----------
------------ - ---------- ---------- --
----- ---
------ ---
--------- ---------
----------- --
--------- ------
-------------- -----
--------------- -----
---------------- -----
----------------- -----
----------------- -----
------------------ -----
--------- - ------- -------- -------- ------ ----- ------- ---------- -
-
-其中：
- name：Emoji 的全名
- unified：Emoji 的十六进制编号
- non_qualified：Emoji 在某些平台上的替代名
- docomo、au、softbank、google：Emoji 在不同平台中的对应表示
- image：Emoji 的图片名称
- sheet_x、sheet_y：Emoji 在图片中所处的位置
- short_name、short_names：Emoji 的简短名，及其所有替代名
- text、texts：Emoji 与文字的对应关系
- category：Emoji 所属的类别
- keywords：Emoji 的关键词
过滤 Emoji
查询到 Emoji 后，有时我们需要对其进行更加精细的过滤。emoji-query 提供了包括 name、category、keywords 等字段的过滤函数，以方便我们进行更加细致的筛选。
示例代码如下：
const emojis = emojiQuery.search('smile', {
category: 'people',
keywords: ['happy']
});
console.log(emojis);使用 emojiQuery.search() 函数时，可以传入第二个参数进行过滤。过滤器的类型为对象，其中可选的属性有 name、category、keywords 等。
获取 Emoji
查询到所需要的 Emoji 后，还有一种需求就是获取 Emoji 的对应符号。emoji-query 的 getEmoji() 函数提供了该功能。
示例代码如下：
const emoji = emojiQuery.getEmoji('smile');
console.log(emoji.char);使用 emojiQuery.getEmoji 函数，传入 Emoji 的简短名字，即可获取该 Emoji 的对应符号。
总结
通过本篇文章的介绍，相信大家已经可以快速上手 emoji-query 这个 NPM 包，并且能够轻松地处理 Emoji 相关的工作。emoji-query 的好处在于易于上手，精确度高，在项目中能够很好地应用。我们鼓励大家在开发中积极使用该工具，提高开发效率、降低工作难度，为用户提供更多更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1fa563576b7b1ecd7e