【我不熟悉的javascript】在正则表达式中使用变量+模版字符串

最新推荐文章于 2023-06-08 23:16:23 发布

我有一棵树

最新推荐文章于 2023-06-08 23:16:23 发布

阅读量280

点赞数

分类专栏： js 文章标签： javascript 正则表达式开发语言

本文链接：https://blog.csdn.net/qq_17335549/article/details/128371135

版权

js 专栏收录该内容

88 篇文章 3 订阅

订阅专栏

需求，高亮一个句子中的关键字

关键字有多个，存放在一个数组中
这个高亮的方法有很多问题
本例主要是用来学习，在正则表达式中使用变量

const arr = ['on', 'the']
let sentence = 'the pen is on the table'

arr.forEach(item => {
  // 1. 对循环中的每个变量，都新建一个正则表达式
  // 2. \b 代表单词边界，需要用转义字符转义
  const reg = new RegExp(`\\b${item}\\b`, 'gi')
  sentence = sentence.replaceAll(reg, `<span>${item}</span>`)
})
console.log(sentence)

参考地址
javascript - How do you use a variable in a regular expression? - Stack Overflowhttps://stackoverflow.com/questions/494035/how-do-you-use-a-variable-in-a-regular-expression