mustache使用正则表达式实现

最新推荐文章于 2024-03-15 13:53:13 发布

小仙女爱吃虾滑

最新推荐文章于 2024-03-15 13:53:13 发布

阅读量550

点赞数

分类专栏：前端开发文章标签： javascript node.js

本文链接：https://blog.youkuaiyun.com/XiaChongYuFei/article/details/104186647

版权

前端开发专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用正则表达式实现的简单Mustache模板引擎，通过实例演示了如何将数据对象动态填充到预定义的模板字符串中，实现文本的动态生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mustache使用正则表达式实现

// this is {{name}} object; obj = { name: '123' }
function render(template, data) {
  const reg = /\{\{(\w+)\}\}/g;
  if (!reg.test(template)) {
    return template;
  }
	
  // matched匹配的子串，key表示正则表达式中第一个括号的内容；后续可能有key2 key3 ...
  const result =  template.replace(reg, (matched, key) => {
    return data[key];
  });

  return result;
}

const template = '我是{{name}}，年龄{{age}}';
const data = {
  name: '庆余年',
  age: 1
}

console.log(render(template, data));