高血压专题网,内容丰富有趣,生活中的好帮手!
高血压专题网 > 前端模糊搜索 拼音模糊搜索 js拼音模糊搜索

前端模糊搜索 拼音模糊搜索 js拼音模糊搜索

时间:2021-03-24 16:39:38

相关推荐

前端模糊搜索 拼音模糊搜索 js拼音模糊搜索

zpinyin轻量级高性能的前端拼音模糊检索js插件

前言

zpinyin轻量级前端拼音模糊检索插件

使用原数据与索引数据区分模式,原数据大小不会对检索查询速度造成影响。

检索索引一次建立后续直接使用,大幅优化检索效率。

概述

该插件收录常用汉字6763个

支持检索模式(当前版本不支持单独配置默认全部开启)

首字母查询常规查询不区分大小写的查询全拼查询

开源地址:/zhhcho/zpinyin

使用者指南

通过npm下载安装代码

npm install --save zpinyin

示例

目前版本仅支持原数据为对象数组和指定对象对应key来进行检索

//导入拼音插件import zpinyin from 'zpinyin';/*初始化new zpinyin(data,key)@param data 源数据 [{'name':'张三','age':'22','workCode':'YQ1000'},{'name':'李四','age':'22','workCode':'YQ1000'}]@param key 能被检索的key值 数组类型 如 检索姓名 ['name']*/var data = [{'name':'张三','age':'22','workCode':'YQ1200'},{'name':'李四','age':'22','workCode':'YQ1000'}]var userQuery = new zpinyin(data,['name','workCode']);var test1 = userQuery.query('li') // {'name':'李四','age':'22','workCode':'YQ1000'}var test1 = userQuery.query('ls') // {'name':'李四','age':'22','workCode':'YQ1000'}var test1 = userQuery.query('shi') // {'name':'李四','age':'22','workCode':'YQ1000'}var test1 = userQuery.query('lishi') // {'name':'李四','age':'22','workCode':'YQ1000'}var test1 = userQuery.query('100') // {'name':'李四','age':'22','workCode':'YQ1000'}var test1 = userQuery.query('yq') // {'name':'李四','age':'22','workCode':'YQ1000'},{'name':'张三','age':'22','workCode':'YQ1200'}//可以同时存在多个var data2 = [{'name':'王五','age':'22','workCode':'YQ1200'},{'name':'钱六','age':'22','workCode':'YQ1000'}]var userQuery2 = new zpinyin(data2,['name','workCode']);//userQuery2var test2 = userQuery2.query('ww') // {'name':'王五','age':'22','workCode':'YQ1200'}//userQueryvar test1 = userQuery.query('ls') // {'name':'李四','age':'22','workCode':'YQ1000'}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。