遍历jade/pugjs 中的对象数组

Posted

技术标签:

【中文标题】遍历jade/pugjs 中的对象数组【英文标题】:iterate over an array of objects in jade/pugjs 【发布时间】:2014-08-10 14:12:25 【问题描述】:

我有以下 json 对象:

 var partners =[ "name":"partnerx", "image": "imagex" ,  "name": "partnery", "image": "imagey" ]

我想用jade放入一个ul对象,我试过了:

ul#slides.swiper-wrapper
   mixin partners(name, image)
    li.swiper-slide
       img(src=#image , alt=#name)

这不起作用。

【问题讨论】:

【参考方案1】:

试试这个:

ul#slides.swiper-wrapper
   each partner in partners
     li.swiper-slide
       img(src=partner.image, alt=partner.name)

https://pugjs.org/language/iteration.html

【讨论】:

如何遍历 .script 中的 jam/pugjs 中的对象数组?【参考方案2】:

您也可以使用方括号访问该属性

ul#slides.swiper-wrapper   
 each partner in partners
  span #partner.name

【讨论】:

以上是关于遍历jade/pugjs 中的对象数组的主要内容,如果未能解决你的问题,请参考以下文章

VueJS 遍历对象中的数组?

JS 遍历对象数组并将值更改为匹配的键并创建一个包含对象数组 [0] 中的键的新对象

如何循环遍历对象数组中的对象数组并使用 Angular/Ionic 在我的 HTML 中显示?

如何遍历存储在数组列表中的对象[重复]

如何遍历 ReactTable 中的对象数组以显示数据?

如何循环遍历对象数组并根据 JavaScript 中的条件添加新的对象键?