漫谈 fuse.js：索引方式搜索未索引数据的新视角

前端

2024-01-23 22:34:11

fuse.js 简介

fuse.js 是一款功能强大的 JavaScript 模糊搜索库，可轻松实现复杂且快速的搜索功能。它因其出色的性能和丰富的功能而成为许多项目的首选。

fuse.js 索引的传统用法

fuse.js 的索引通常用于预先构建一份搜索索引，以便提高搜索效率。通过将数据预先处理并存储在索引中，当用户进行搜索时，fuse.js 可以直接从索引中获取匹配结果，从而大幅缩短搜索时间。

fuse.js 索引的另类用法：搜索未索引数据

然而，fuse.js 的索引功能并不局限于此。我们还可以利用 fuse.js 的索引能力来搜索未索引的数据。这听起来似乎有些矛盾，但实际上却是 fuse.js 的一项巧妙设计。

fuse.js 在构建索引时，会将数据进行一系列预处理，包括分词、去除标点符号和转为小写等。这些预处理步骤不仅可以提高搜索效率，还可以使得搜索结果更加准确。

因此，即使我们不构建索引，直接将未索引的数据传入 fuse.js 进行搜索，fuse.js 也可以通过上述预处理步骤将数据转换为可搜索的格式，并返回匹配结果。

如何使用 fuse.js 索引搜索未索引数据

要使用 fuse.js 索引搜索未索引数据，只需按照以下步骤操作：

创建一个 fuse.js 实例。
将未索引的数据作为参数传入 fuse.js 实例。
调用 fuse.js 的 search 方法进行搜索。

// 创建 fuse.js 实例
const fuse = new Fuse([], {
  keys: ['title', 'content']
});

// 将未索引的数据传入 fuse.js 实例
const data = [
  { title: '文章标题 1', content: '文章内容 1' },
  { title: '文章标题 2', content: '文章内容 2' },
  { title: '文章标题 3', content: '文章内容 3' }
];
fuse.setCollection(data);

// 调用 fuse.js 的 search 方法进行搜索
const results = fuse.search('文章标题');

// 输出搜索结果
console.log(results);