json对象数据中的foreach循环

Question

我在某些网络应用上工作，并且从后端返回了一个json，它看起来像这样

    [
  {
    "Client": "something",
    "Market": "something",
    "Media": "something",
    "Research link (Google docs)": null,
    "Thumbnail": "\/web\/uploads\/5202036b0980b.jpeg",
    "Image1": "\/web\/uploads\/52022df0a0622.jpeg",
    "Image2": "\/web\/uploads\/52022e1a3e7c8.jpeg",
    "Image3": "\/web\/uploads\/52022e3520370.jpeg",
    "Image4": "\/web\/uploads\/52022e630e634.jpeg",
    "Image5": "",
    "id": 983
  },..............
]

我在骨干网中工作，所以我在使用underscor进行模板制作，我的问题是

因为这个图像，Image1，Image2 ...我有这样的HTML结构

<ul class="slides">
              <li>
                 <img src="http://placehold.it/760x300" alt="" />
              </li>
              <li>
                   <img src="http://placehold.it/760x300" alt="" />
              </li>
              <li>
                    <img src="http://placehold.it/760x300" alt="" />
              </li>
 </ul>

如何遍历这些图像并以这种结构打印它们？

让我感到困惑的是，我没有单独的幻灯片对象：/

Answer 1

图像*的数量是否有所变化，还是总是5张？ 如果总是五，则可以一一提取：

<img src="<%= response[0].Image1 %>" />
<img src="<%= response[0].Image2 %>" />
etc

如果不存在，则必须检查该属性是否存在：

var i = 1;
while (response[0].hasOwnProperty('Image'+i)) {
    <img src="<%= response[0]['Image'+i] %>" />

Answer 2

使用可以在对象属性之间循环的jquery $.each() http://api.jquery.com/each/

<%
$.each(object, function(key, value){
    if(keyStartsWithImage){
%>       
   <li>
         <img src="<%=value%>" />
   </li>
<%
    }
});
%>