大話西游666
2018-08-02 18:25:15
結(jié)構(gòu):t="<ul><li>${name}</li><li>${age}</li></ul>";數(shù)據(jù):data=[{"name": "小明","age": "6"}];結(jié)果:<ul><li>小明</li><li>6</li></ul>寫一個(gè)函數(shù),講t中的數(shù)據(jù)轉(zhuǎn)化成結(jié)果如果data中有多條數(shù)據(jù),怎么實(shí)現(xiàn)渲染?
2 回答

ibeautiful
TA貢獻(xiàn)1993條經(jīng)驗(yàn) 獲得超6個(gè)贊
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);

躍然一笑
TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊
這個(gè)主要考你正則了吧
t = t.replace(/\$\{([a-z]+)\}/g,function(){ return data[0][arguments[1]] })
添加回答
舉報(bào)
0/150
提交
取消