javascript - 如何做这种模糊搜索-php教程-PHP中文网

javascript - 如何做这种模糊搜索

php中文网

发布： 2016-06-06 20:49:12

原创

1592人浏览过

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

登录后复制

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

javascript - 如何做这种模糊搜索

回复内容：

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

登录后复制

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

javascript - 如何做这种模糊搜索

将搜索关键字全部拆分，用.*拼接，然后正则匹配。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库可以实现你这个需求

立即学习“Java免费学习笔记（深入）”；

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

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

wordpress淘宝客主题：Love Shopping红色大气主题

易秀购主题网收集到一款红色的淘宝客主题很不错的，有点想值得买的模板，很适合做淘宝客的童鞋，这款主题需要先去注册阿里妈妈并得到联盟的ID，直接调用淘点金+短代码，大大的方便了添加商品，有简单的SEO功能。如果觉得该模板的SEO功能比较单一不能够满足你，那么你也可以搜索wordpress的SEO插件，很方便。至于如何运营就看自己的了，有大把的人做淘宝客赚了钱，如果通过自己的营销的确可以做的很不错。