javascript 利用初始化數(shù)據(jù)裝配模版

cucugbgb

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


實(shí)現(xiàn)一個(gè)通用方法，使用初始化數(shù)據(jù)來裝配模版。

1. function displayTemplate(list,template){
   
2.     var result="";
   
3.     for(var i=0,l=list.length;i<l;i++){
   
4.         var temp=template;
   
5.         for(var k in list[i])
   
6.         {
   
7.             var reg=new RegExp("\\$"+k,"g");
   
8.             temp=temp.replace(reg,function(w){
   
9.                 return list[i][k];
   
10.             })
    
11.         }
    
12.         result+=temp;
    
13.     }
    
14.     return result;
    
15. }

復(fù)制代碼