简介
phuzzy.link 是一个针对模糊搜索的 JavaScript 库。可以根据输入的模糊字符匹配相应的结果，可以应用于搜索引擎、自动补全、提示等。
安装
可以通过 npm 安装 phuzzy.link：
npm install phuzzy.link
也可以直接通过 CDN 引入：
<script src="https://cdn.jsdelivr.net/npm/phuzzy.link/dist/phuzzy.link.min.js"></script>
基本用法
初始化一个 PuzzyLink
-- -------------------- ---- ------- ----- ------- - - ----- -------- ------ ---------- -- ----- ---- - - - ----- ----- ---- ----- -------- ----- -- - ----- ----- ---- ----- -------- ----- -- - ----- ----- ---- ----- -------- ----- - -- ----- -- - --- -------------------- -----------------
搜索
const input = '上';
const result = pl.search(input);
console.log(result);
// [{name: '张三', age: '20', address: '上海市' }]options 参数说明
- keys: 一个数组，定义要进行模糊搜索的字段。
- threshold: 一个数字，定义匹配的最小相似度。默认为 0.6。
进阶用法
自定义匹配函数
可以通过自定义匹配函数更加精准地匹配结果。
-- -------------------- ---- -------
----- ------- - -
----- -------- ---------------
-------- --------------- ------ -
------ ----------------------
-
--
----- ---- - -
- ----- ----- ------------ ------ --
- ----- ----- ------------ ------ --
- ----- ----- ------------ ------ -
--
----- -- - --- --------------------
-----------------手动更新数据
有时候我们需要手动地更新数据。
pl.addData({ name: '桃子', description: '一种水果' });复杂数据结构搜索
如果搜索的数据结构比较复杂，我们可以通过键值对的方式将其扁平化，从而进行搜索。
-- -------------------- ---- ------- ----- ------- - - ----- --------------- ------------- ----------------- -- ----- ---- - - - ------- - ----- ----- ---- ----- -------- ----- - -- - ------- - ----- ----- ---- ----- -------- ----- - -- - ------- - ----- ----- ---- ----- -------- ----- - - -- ----- -- - --- -------------------- -----------------
结语
phuzzy.link 是一个简单易用的模糊搜索库，可以为我们的开发工作带来很大的便利。我们可以根据实际需求进行自定义，从而实现更加精准的搜索。希望这篇文章能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eac81e8991b448dc1fc