我是靠谱客的博主 可靠向日葵,最近开发中收集的这篇文章主要介绍javascript利用初始化数据装配模版的实现代码,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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;
}

最后

以上就是可靠向日葵为你收集整理的javascript利用初始化数据装配模版的实现代码的全部内容,希望文章能够帮你解决javascript利用初始化数据装配模版的实现代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(121)

评论列表共有 0 条评论

立即
投稿
返回
顶部