主要介绍了JS实现关键词高亮显示正则匹配功能，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

网上看到很多js实现的关键词高亮显示，方法都是一个道理，先获取要替换的文字区域，然后在用正则匹配到关键词，并进行替换。 react中实现起来似乎更简单一些。 我这里的需求是通过搜索框搜索出新闻列表，在已经获取到新闻列表数据中使用filter函数，获取到每一个新闻的title,并定义关键词正则，返回替换后的样式，react不能直接解析带html标签的字符串,方法如下： render() { const newsList=this.state.newsList; if(this.props

html 和ajax 部分就不写了，只需将需要匹配的文字传进去就可以了  比如匹配后台传回的字符串data.content中的关键词：直接调用： data.content = highLightKeywords(data.content,keywords)即可  以下两个函数分辨是匹配1：匹配关键词words中每一个字符，2：匹配整个关键词words //高亮关键字 text =>内容 words:关键词 tag 被包裹的标签 //匹配每一个关键字字符 function highLig