Rumah > hujung hadapan web > tutorial js > javascript利用初始化数据装配模版的实现代码_javascript技巧

javascript利用初始化数据装配模版的实现代码_javascript技巧

WBOY
Lepaskan: 2016-05-16 18:16:18
asal
845 orang telah melayarinya

var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}];
var template ='

$name$age
';

实现一个通用方法,使用初始化数据来装配模版。
复制代码 代码如下:

function displayTemplate(list,template){
var result="";
for(var i=0,l=list.length;ivar 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;
}
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan