简介
在现代化的 Web 开发中,展示表情是很常见的,关于表情的库也很多,然而这里我们开源和介绍一个非常优秀和完善的表情库 emoji-datasource-emojione。
emoji-datasource-emojione 是包含所有 Emoji 简单数据的仓库,其数据包括 Unicode、名称、图像、关键词等信息。这个包支持 EmojiOne 格式的图形图标,可以手动使用或结合其它程序使用。
安装
我们使用 npm 这个包管理器进行安装:
npm install emoji-datasource-emojione
使用
安装后,我们可以在代码中引入这个模块:
const emojione = require('emoji-datasource-emojione');
emoji-datasource-emojione 将数据以的数个数组的嵌套形式以对象形式呈现出来。每个对象包含 Eoji 的名称、字符编码、默认图像、关键词等信息。
常见操作
下面,让我们简单介绍 emoji-datasource-emojione 的用法和常见操作。
1. 获取所有表情
通过遍历 emoji-datasource-emojione 中的数据,就可以获得所有的表情。下面是代码示例:
let emojis = []; for(const emoji of emojione) { emojis.push(emoji); } console.log(emojis);
这将打印出一个所有表情的数组。
2. 获取表情的详细信息
如果你需要查找 emoji-datasource-emojione 中包含的表情的详细信息,例如名称、字符编码、默认图像等,您可以这样做:
const emoji = emojione.find(item => item.shortname == ':smile:'); console.log(emoji);
该代码查找了一个名称为:smile 的表情,并打印其所有详细信息。
3. 获取表情的 Unicode 编码
如果您需要获取表情的 Unicode 编码,可以使用如下代码:
const emoji = emojione.find(item => item.shortname == ':smile:'); console.log(emoji.unicode);
4. 获取表情的图像路径
如果你需要获取表情的图像路径,例如通过表情编码 URL 嵌入,下面是代码示例:
const emoji = emojione.find(item => item.shortname == ':smile:'); console.log(emoji.image);
5. 搜索表情
我们可以使用关键字来搜索表情,下面是代码示例:
const keywords = 'heart'; const results = emojione.filter(item => item.keywords.indexOf(keywords) > -1); console.log(results);
该代码中,我们在变量 keywords
中设置了查询内容,然后搜索结果是一个包含所有符合查询条件的表情的数组。
总结
emoji-datasource-emojione 是一个可供开发人员使用的完善 Emoji 图像数据资源集。通过上述方法,我们可以轻松地使用 emoji-datasource-emojione 相关的数据和信息。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f8b238a385564ab6e30