fuse.js

今天老码给大家推荐的是一款功能强大、轻量级的前端模糊搜索库。

Powerful, lightweight fuzzy-search library, with zero dependencies.

简单的说就是仅仅使用它就可以不依赖后端查询服务即可实现模糊查询本地数据，强不强呢？

使用方法也很简单，下面一起跟着老码来了解

安装

npm install fuse.js或<script src=";></script>

使用

import Fuse from 'fuse.js'或const Fuse = require('fuse.js')

待查询数据模拟构造

[  {    "title": "Old Man's War",    "author": {      "firstName": "John",      "lastName": "Scalzi"    }  },  ...]

查询方式

const fuseOptions = {	// isCaseSensitive: false,	// includeScore: false,	// shouldSort: true,	// includeMatches: false,	// findAllMatches: false,	// minMatchCharLength: 1,	// location: 0,	// threshold: 0.6,	// distance: 100,	// useExtendedSearch: false,	// ignoreLocation: false,	// ignoreFieldNorm: false,	// fieldNormWeight: 1,	keys: [		"title",		"author.firstName"	]};const fuse = new Fuse(list, fuseOptions);// 搜索内容const searchPattern = ""return fuse.search(searchPattern)

是不是很简单呢？ 这里老码列举一下常用的默认搜索选项

isCaseSensitive  忽略大小写 默认falseminMatchCharLength  最低匹配长度 默认1keys  指定哪些数据段可以被搜索

更多选项说明可以查看官网的说明

官方在线体验地址

点赞、收藏、关注新码界，老码每天分享不一样的干货！