javascript利用初始化数据装配模版的实现代码
更新时间：2010年11月17日 20:28:03 作者：
实现一个通用方法，使用初始化数据来装配模版。需要的朋友可以参考下。
var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}];
var template ='<div id="p$id"><span class="name">$name</span><span class="age">$age</span></div>';
实现一个通用方法，使用初始化数据来装配模版。
function displayTemplate(list,template){
var result="";
for(var i=0,l=list.length;i<l;i++){
var temp=template;
for(var k in list[i])
{
var reg=new RegExp("\\$"+k,"g");
temp=temp.replace(reg,function(w){
return list[i][k];
})
}
result+=temp;
}
return result;
}
var template ='<div id="p$id"><span class="name">$name</span><span class="age">$age</span></div>';
实现一个通用方法，使用初始化数据来装配模版。
复制代码 代码如下:
function displayTemplate(list,template){
var result="";
for(var i=0,l=list.length;i<l;i++){
var temp=template;
for(var k in list[i])
{
var reg=new RegExp("\\$"+k,"g");
temp=temp.replace(reg,function(w){
return list[i][k];
})
}
result+=temp;
}
return result;
}
相关文章
inner join 内联与left join 左联的实例代码
这篇文章主要介绍了inner join 内联与left join 左联的实例代码,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了使用electron制作满屏心特效的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
JS中map与forEach无法跳出循环及every和some的使用
在我们平时使用习惯中,for循环里要跳出整个循环是使用break,但在数组中用forEach循环或者map如要退出整个循环使用break会报错,使用return也不能跳出循环,下面这篇文章主要介绍了关于JS中map与forEach无法跳出循环及every和some的使用的相关资料,需要的朋友可以参考下2023-05-05
由 element.appendChild(newNode) ,谈开去
由 element.appendChild(newNode) ,谈开去...2006-11-11
这篇文章主要介绍了TypeScript接口，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。下面我们一起进入文章看看TypeScript接口得具体定义吧,需要的朋友也可以参考一下2021-12-12
非常不错的javascript数据功能增强函数2008-06-06
实现遮罩层的方法有很多，但大多都是使用js css来实现的，本例也实现一个，效果还不错，喜欢的朋友可以感受下2014-09-09
这篇文章主要为大家介绍了GoJs连线绘图模板Link使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
留言板想必大家都有见过吧，但是可以折叠的却不是很多，恰好本文提供一个比较不错的可折叠留言板，感兴趣的朋友可以学习下2014-07-07
这篇文章主要介绍了详解小程序input框失焦事件在提交事件前的处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
最新评论