js面试题，模板字符串替换

Question

结构：t="<ul><li>${name}</li><li>${age}</li></ul>";数据：data=[{"name": "小明"，"age": "6"}];结果：<ul><li>小明</li><li>6</li></ul>写一个函数，讲t中的数据转化成结果如果data中有多条数据，怎么实现渲染？

Answer 1

var tpl = '<li>${name}</li><li>${age}</li>';

var reg = /\${([A-Za-z0-9_]+)}/g;

var data = [{"name": "小明","age": "6"},{"name": "小明明","age": "66"}];

var ret= ['<ul>'];

for(var i = 0,len = data.length;i < len;++i){

    ret.push(tpl.replace(reg,function(){

        return data[i][arguments[1]];

    }));

}

ret.push('</ul>');

ret = ret.join('');

console.log(ret);

Answer 2

这个主要考你正则了吧

t = t.replace(/\$\{([a-z]+)\}/g,function(){    
    return data[0][arguments[1]]
})