首页 >

javascript – 如何做这种模糊搜索

后端开发|php教程javascript - 如何做这种模糊搜索
javascript,php,搜索引擎,正则表达式,web前端开发
后端开发-php教程
asp 门户 源码,vscode能生成应用吗,ubuntu警示音效,tomcat访问记录,深圳的爬虫,php注册发送邮件,互联网seo优化方法,网站限量抽奖源码,艺人展示网站模板lzw
array = ["关于我们-网站公告-公告内页.html",         "关于我们-网站公告-公告内页.html",         "关于我们-网站公告-新闻内页.html",         "关于我们.html",         "联系我们.html",         "我们的产品.html"]

输入关键字“关于公告”,在array中查找,显示下面的列表。
希望能提供一个思路~~

销售管理系统前端源码下载,vscode整个工程查找,多彩鼠标 ubuntu,tomcat 多war包,c sqlite中文字段值,爬虫过程中能不能换网络,静态地址php,排名SEO教程推广网站,国外网站一键分享代码,免费学校网站模板htmllzw
微同城源码,vscode怎么弄模板,ubuntu 写入权限,tomcat域名跳转教程,c 定向爬虫,炫酷博客php源码,吉林短视频seo专业操作,抽奖网站系统源码,大气的网页模板lzw
回复内容:

array = ["关于我们-网站公告-公告内页.html",         "关于我们-网站公告-公告内页.html",         "关于我们-网站公告-新闻内页.html",         "关于我们.html",         "联系我们.html",         "我们的产品.html"]

输入关键字“关于公告”,在array中查找,显示下面的列表。
希望能提供一个思路~~

将搜索关键字全部拆分,用.*拼接,然后正则匹配。javascript实现方法:

var testarray = new Array('关于我们-网站公告-公告内页.html','关于我们-网站公告-新闻内页.html','关于我们.html','联系我们.html','我们的产品.html');var searchstr = '关于公告';var searcharr = searchstr.split('');var reg = new RegExp(searcharr.join('.*'));var resultarr=new Array();for(var i=0;i<testarray.length;i++) {    if (reg.exec(testarray[i])) {        resultarr.push(testarray[i]);    }}console.log(resultarr);

最后结果是:[“关于我们-网站公告-公告内页.html”, “关于我们-网站公告-新闻内页.html”]

不少js库可以实现你这个需求

http://www.open-open.com/ajax/AutoComplete.htm

把你的array, json_encode构造好传到页面中,交给js就行了.高级一点可以做成ajax的

如果不考虑英文、不考虑任意颠倒次序的话,那么思路如下:

r = new RegExp('关+于+公+告+');

然后 r.test(s)

至于如何把 ‘关于公告’ 变成 ‘关+于+公+告+’ ,可以:

sKeyword = '关于公告';

sKeyword = sKeyword.replace(/(.)/g, '$1+');


javascript - 如何做这种模糊搜索
  • javascript - json格式的数据在非UTF-8编码下会不会乱码?如果解决呢?
  • javascript - json格式的数据在非UTF-8编码下会不会乱码?如果解决呢? | javascript - json格式的数据在非UTF-8编码下会不会乱码?如果解决呢? ...

    javascript - 如何做这种模糊搜索
  • javascript - 什么情况下网页用php或其他后台语言输出,什么情况下直接index.html ?
  • javascript - 什么情况下网页用php或其他后台语言输出,什么情况下直接index.html ? | javascript - 什么情况下网页用php或其他后台语言输出,什么情况下直接index.html ? ...

    javascript - 如何做这种模糊搜索
  • 容易混淆使用位置的XHTML标签【HTML】
  • 容易混淆使用位置的XHTML标签【HTML】 | 容易混淆使用位置的XHTML标签【HTML】 ...