js如何实现搜索框关键字匹配

可以使用正则表达式来实现搜索框关键字匹配，具体实现可以参考以下代码：

var searchInput = document.querySelector('#search-input');
var articles = document.querySelectorAll('.article');
 
searchInput.addEventListener('input', function() {
    var keyword = this.value.trim();
    var pattern = new RegExp(keyword, 'i');
 
    articles.forEach(function(article) {
        var title = article.querySelector('.title').textContent;
        var content = article.querySelector('.content').textContent;
        if (pattern.test(title) || pattern.test(content)) {
            article.style.display = 'block';
        } else {
            article.style.display = 'none';
        }
    });
});

该代码中，首先通过querySelector方法获取搜索框与文章列表，接着监听搜索框的input事件，获取用户输入的关键字，并使用正则表达式对象构造正则表达式。然后遍历文章列表，分别获取文章标题和内容，通过test方法判断文章标题或内容是否包含关键字，并设置文章的显示或隐藏。