js替换模版中${}的内容

【转】https://blog.csdn.net/xiangzaixiansheng/article/details/132501772

要在js中想要替换替换模板中的${}，可以使用字符串的replace()方法结合正则表达式或者函数来实现替换操作。

以下是两种常见的替换方式： 使用正则表达式：

方法一：

?

1 2 3 4 5 6 7 8

const template = "Hello, ${name}! Today is ${day}."; const data = {   name: "John",   day: "Monday" };    const result = template.replace(/\${(.*?)}/g, (match, key) => data[key]); console.log(result);  // 输出: Hello, John! Today is Monday.

方法二：

?

1 2 3 4 5 6 7 8 9 10

const template = "Hello, ${name}! Today is ${day}."; const data = {   name: "John",   day: "Monday" };    const result = template.replace(/\${(.*?)}/g, (match, key) => {   return data.hasOwnProperty(key) ? data[key] : match; }); console.log(result);  // 输出: Hello, John! Today is Monday.