首页 / web前端 / JS字符串模板替换一般用于国际化中含有动态书内容使用

JS字符串模板替换一般用于国际化中含有动态书内容使用

涂山 · · 浏览 3.8k · web前端

有时候国际化或者一段动态的支付模板或者短信模板配置中需要一些动态的参数,可以用下面的方法来动态渲染部分需要变化的字符串的内容。

const myRender = (template, person) => {
  let reg = /{{(.*?)}}/g

  let res = template.replace(reg, (item, key) => {
    return person[key]
  })

  return res
}

let template = '我是{{name}},年龄{{age}},性别{{sex}}'
let person = {
  name: '布兰',
  age: 12,
}

let res = myRender(template, person)
console.log(res) // 我是布兰,年龄12,性别undefined