【开源三方库】Fuse.js：强大、轻巧、零依赖的模糊搜索库

作者：OpenHarmony开发者

2023-10-12
北京
本文字数：1163 字
阅读完需：约 4 分钟

开源项目 OpenHarmony

是每个人的 OpenHarmony

曹天恒

公司：中国科学院软件研究所

小组：知识体系工作组

1.简介

Fuse.js 是一款功能强大且轻量级的 JavaScript 模糊搜索库，支持 OpenAtom OpenHarmony（以下简称“OpenHarmony”）操作系统，它具备模糊搜索和排序等功能。该库高性能、易于使用、高度可配置，支持多种数据类型和多语言搜索，适用于各种场景，如搜索引擎、电子商务网站和数据可视化，可以帮助用户在包含大量数据的环境中快速地找到相关的搜索结果，并支持高度可定制化的搜索选项。

2.开发环境

安装 IDE：支持 DevEco Studio 4.0 Beta2（Build Version 4.0.0.400)版本。安装 SDK：OpenHarmony API version 9 及以上版本。

3.使用方法

使用前需要先安装 ohpm-cli 请参考安装教程：https://ohpm.openharmony.cn/#/cn/help/quickstart

1、下载 @isrc/fuse.js 组件


ohpm install @isrc/fuse.js –-save

复制代码

2、在 page 页面导入

import Fuse from "@isrc/fuse.js"

复制代码

3、准备数据集

// 创建一个包含书籍信息的列表数组，作为待搜索的数据var list = [  {    "title": "Old Man's War",    "author": "John Scalzi",    "tags": ["fiction"]  },  {    "title": "The Lock Artist",    "author": "Steve",    "tags": ["thriller"]  }]

复制代码

4、创建搜索实例

// 配置搜索选项，包括启用分数计算和指定搜索的键（作者和标签）var options = {  includeScore: true,  // 在 'author' 和 'tags' 数组中进行搜索  keys: ['author', 'tags']}
// 创建一个 Fuse 搜索实例，将列表和选项传递给它var fuse = new Fuse(list, options)5、执行搜索，如下示例，搜索结果会存储到result变量中// 使用 Fuse 搜索实例执行搜索，查找包含 'tion' 的结果var result = fuse.search('tion')搜索结果数据结构（result变量内容）示例如下：[  {    "item": {      "title": "Old Man's War",      "author": "John Scalzi",      "tags": ["fiction"]    },    "refIndex": 0,    "score": 0.03  }]

复制代码

可以将变量传入相应显示控件，进行搜索结果展示。Fuse.js 支持的搜索配置选项还包括：

更多使用方式和接口可参考库的使用文档：https://ohpm.openharmony.cn/#/cn/detail/@isrc%2Ffuse.js

4.结语

通过本篇文章介绍，您对 OpenHarmony Fuse.js 组件应该有了初步的了解。我们所有的源码和指导文档都已经开源，如果您对本篇文章内容以及所实现的 Demo 感兴趣，可以根据本篇文章介绍自行下载 OpenHarmony Fuse.js 源码进行研究和使用。同时也欢迎更多开发者与我们共享开发成果，分享技术解读与经验心得。

OpenHarmony Fuse.js 源码：

https://gitee.com/pommejason/isrc_fuse.js

发布于: 刚刚阅读数: 4

OpenHarmony开发者

关注

OpenHarmony开发者官方账号 2021-12-15 加入

OpenHarmony是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目，目标是面向全场景、全连接、全智能时代，基于开源的方式，搭建一个智能终端设备操作系统的框架和平台，促进万物互联产业的繁荣发展

发布

暂无评论

创作场景

【开源三方库】Fuse.js：强大、轻巧、零依赖的模糊搜索库

1.简介

2.开发环境

3.使用方法

4.结语

OpenHarmony开发者

评论