如何解决根据匹配的RegEx JavaScript动态替换数据
我有一个动态模板字符串,类似于以下内容:
There are {{num}} matches for the category {{category}}.
我还有一个像这样的对象:
let data = {
"num": // some value
"category": // another value
}
如何用对象中显示的值替换每个模板变量,其中键是花括号中的文本。例如:
// example object
let data = {
"num": "six","category": "shoes"
}
// result
"There are six matches for the category shoes"
我尝试了以下操作:
messageRegEx = /{{(.*)}}/g
matchesMessage = template.replace(messageRegEx,data["$1"])
上面的代码用undefined
替换大括号中的所有文本实例。我看过多个StackOverflow问题,但没有一个解决这个问题。
解决方法
幸运的是,replace()
允许使用回调:
matchesMessage = template.replace(
/\{\{(.+?)\}\}/g,(match,tag) => data[tag.trim()]
);
console.log(matchesMessage);
// "There are six matches for the category shoes."
,
为了清楚起见,您有一个具有各种属性的对象,而您只想将这些属性的值嵌入字符串中?
一种可能的解决方案是使用template literals,它允许您将数据嵌入字符串中。基本上,将您的字符串用反引号引起来,而不要使用单引号或双引号引起来,然后用${}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。