JS批量替换(高亮)一组关键字

代码比较简单，直接放上

const keyWord = ['故宫','建筑','殿'],
	article = "北京故宫是中国明清两代的皇家宫殿，旧称为紫禁城，位于北京中轴线的中心，是中国古代宫廷建筑之精华。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。是世界上现存规模最大、保存最为完整的木质结构古建筑之一。";

let lightWord = (article, oldWord) =>{
	for (key of keyWord){
		let regExp = new RegExp(key, 'g');//正则表达式方法，完全匹配对应的关键字，且声明全局
		article = article.replace(regExp, `<i>${key}</i>`);
	}
	return article;
}

console.log(lightWord(article,keyWord));

输出结果：

逻辑实现后，剩下的无非就是针对做CSS上的一个处理，将获得的字符串根据框架的方法，去进行一个内容的展示。jquery可以通过.html()；react可以通过dangerouslysetinnerhtml属性。