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


Posted in Javascript onNovember 17, 2010

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 相关文章推荐
Js动态创建div
Sep 25 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
Java与JavaScript中判断两字符串是否相等的区别
Mar 13 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
js实现无缝轮播图效果
Mar 09 Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 #Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 #Javascript
Json对象替换字符串占位符实现代码
Nov 17 #Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 #Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 #Javascript
基于jQuery的图片大小自动适应实现代码
Nov 17 #Javascript
jquery下异步提交表单 异步跨域提交表单
Nov 17 #Javascript
You might like
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
PHP5中GD库生成图形验证码(有汉字)
2013/07/28 PHP
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP使用函数用法详解
2018/09/30 PHP
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
2015/08/31 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
2016/07/15 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python中的编码知识整理汇总
2016/01/26 Python
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python 闭包的使用方法
2017/09/07 Python
python读取文本绘制动态速度曲线
2018/06/21 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
python中字典增加和删除使用方法
2020/09/30 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
解决方案设计综合面试题
2015/08/31 面试题
会计专业毕业生推荐信
2013/11/05 职场文书
自荐书范文
2013/12/08 职场文书
服装行业创业计划书范文
2014/02/05 职场文书
民主评议党员总结
2014/10/20 职场文书
学校推普周活动总结
2015/05/07 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
SQLServer常见数学函数梳理总结
2022/08/05 MySQL