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 相关文章推荐
javaScript call 函数的用法说明
Apr 09 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
超级简单的jquery操作表格方法
Dec 15 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
AngularJS过滤器filter用法实例分析
Nov 04 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
vue使用vuex实现首页导航切换不同路由的方法
May 08 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
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
PHP中用hash实现的数组
2011/07/17 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
2016/01/19 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
JS中数组重排序方法
2016/11/11 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
python中csv文件的若干读写方法小结
2018/07/04 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
香港士多网上超级市场:Ztore
2021/01/09 全球购物
自动化专业大学生职业生涯规划范文:爱拚才会赢
2014/09/12 职场文书
困难补助申请报告
2015/05/19 职场文书
2016公司年会主持词
2015/07/01 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
如何使用Python对NetCDF数据做空间相关分析
2021/04/21 Python
python简单验证码识别的实现过程
2021/06/20 Python