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]]
})

Answer 3

function foo(data){
    var result="";
    for(var i=0;i<data.length;i++)
        result+="<ul><li>"+data[i]['name']+"</li><li>"+data[i]["age"]+"</li></ul>";
    return result;
}

Answer 4

正则该是

var reg = /\$\{([^{}]+)\}/g;