artTemplate-3.0复杂对象的遍历与使用方法

artTemplate-3.0是一个不错的前台模板,有了前台的模板我们可以这样来操作页面,通过ajax来取得后台的数据文件,前台的展示全部使用模板来实现,这样的好处在于,pc,mobile.app可以使用同一套接口,pc,mobile,app根据不同的开发环境与语言,来自己呈现. artTemplate-3.0,是一个简的模板,但是官方给的例子有点简单,对一复杂的对象使用的时候,没有参考

artTemplate-3.0是一个不错的前台模板,有了前台的模板我们可以这样来操作页面,通过ajax来取得后台的数据文件,前台的展示全部使用模板来实现,这样的好处在于,pc,mobile.app可以使用同一套接口,pc,mobile,app根据不同的开发环境与语言,来自己呈现.

artTemplate-3.0,是一个简的模板,但是官方给的例子有点简单,对一复杂的对象使用的时候,没有参考所以做一个demo作为参考

第一级是这样的

Object {id: "1", name: "休闲食品、生鲜", url: "shangpin-cat1/category-1-b0.html", mapping: "1", cat_id: Object}

Object {id: "200", name: "粮油副食", url: "shangpin-cat3/category-3-b0.html", mapping: "3", cat_id: Object}

第一级中的cat_id是一个对象这样的

第二级的cat_d对的object如下所示

对于这种情况写了个demo大家参考下,这个复杂的数组实际上是ecshop,小京东的分类模板,好复杂.

 script id="test" type="text/html" 

 {{each list as value i}}

 a href=" {{value.url}}" {{value.name}} /a br / 

 {{each value.cat_id as tag d}}

    {{tag.name}} ----

 {{each tag.cat_id as atag ad}}

 {{atag.name}}

 {{/each}}

 br / 

 {{/each}}

 br / 

 {{/each}}

 /script 

如果不好调试的话可以在console中写代码调试一下,基本上可以看出层次怎么写了

$.each(cars,function(value,i){console.log(i.cat_id);});

对象遍历学习路径｜学习笔记 快速学习对象遍历学习路径，有时需要把对象里的内容全部遍历出来，这种情况下还需要去控制这种遍历，这时就会用到对象遍历。
如何将两个数组对象的相同属性进行操作（更简洁） 我们以前可以使用双循环，来判断条件，达到目的，这里我们使用更简洁的方法： 合并数组，然后通过obj[v.name]=obj[v.name]===undefined)判断其条件，将两个数组对象的相同属性将对应的type变为1。