javascript - 创建动态字符串模板的最佳方法是什么

Question

我想要一个像这样的 Javascript 动态字符串模板:

let stringSentence = 'Hello, my name is --%-- and I am from --%--';

然后..

replaceString(stringSentence , ['John', 'London'];

预期输出:你好，我叫约翰，我来自伦敦

另一个例子:

let stringSentence = 'Hello, my name is --%-- and I am from --%-- and I drink a --%--';
replaceString(stringSentence , ['Jacob', 'New York', 'Juice'];

预期输出:你好，我叫约翰，我来自伦敦，我喝果汁

我的答案是，如何实现这个字符串模板系统的最佳方式。

可以在没有 for 循环或 split/join 数组操作的情况下完成此操作吗？通过正则表达式？如果是这样，怎么办？

Answer 1

您可以使用替换，并将 --%-- 模式的每个实例替换为数组中的值

let stringSentence = `Hello, my name is --%-- and I am from --%-- and I drink a --%--`

let arr =  ['Jacob', 'New York', 'Juice']

function replaceString(str,arr){
  let count = 0
  return str.replace(/--%--/g,()=> arr[count++] )
}

console.log(replaceString(stringSentence, arr))