javascript利用初始化數(shù)據(jù)裝配模版的實現(xiàn)代碼
更新時間：2010年11月17日 20:28:03 作者：
實現(xiàn)一個通用方法，使用初始化數(shù)據(jù)來裝配模版。需要的朋友可以參考下。
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>';
實現(xiàn)一個通用方法，使用初始化數(shù)據(jù)來裝配模版。
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>';
實現(xiàn)一個通用方法，使用初始化數(shù)據(jù)來裝配模版。
復(fù)制代碼 代碼如下:
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;
}
相關(guān)文章
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。這篇文章主要介紹了使用Bootstrap做一個朝代歷史表,需要的朋友可以參考下2019-12-12
javascript實現(xiàn)數(shù)字+字母驗證碼的簡單實例
本篇文章只要是對javascript實現(xiàn)數(shù)字+字母驗證碼的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
本文主要介紹了js轉(zhuǎn)換對象為xml的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了JS實現(xiàn)超簡單的鼠標拖動效果,涉及JavaScript響應(yīng)鼠標事件動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)的輪播效果，通過改變圖片的透明度來實現(xiàn)輪播的效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了electron 安裝，調(diào)試，打包的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2019-11-11
一般服務(wù)器獲取到日期都是中國標準時間，需要對其進行格式化,這篇文章主要介紹了微信小程序服務(wù)器日期格式化問題，需要的朋友可以參考下2020-01-01
javascript實現(xiàn)顯示和隱藏div方法匯總
本文章通過幾個簡單的實例告訴你如何來實例關(guān)于隱藏與顯示div層及關(guān)閉層與隱藏的區(qū)別分析哦，有需要的同學(xué)可以參考一下本文章。2015-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)圖片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
極品源碼：自動完成 仿163篇...2007-07-07