javascript - 如何迭代 JSON 以使用动态数据制作 ejs 片段

Question

好的，

我发现自己对这个问题感到不知所措(或者已经晚了，我无法思考，要么/要么)。

我有一个 json 响应，看起来像

-OBJ
  -Random Data
  -Results (array)
    -0
    -1 
    -2 
    -etc
      -data
         -product.title
         -product.whatever
           -value (array)
             -object 
               -stuff I'm trying to get

我需要其中几个字段，并且我有这些片段

<div class="product clearfix">
  <div class="product-image">
    <div class="fslider" data-arrows="false">
      <div class="flexslider">
        <div class="slider-wrap">
          <div class="slide"><a href="#"><img src="<%- path to obj %>" alt="Dark Brown Boots"></a></div>
          <div class="slide"><a href="#"><img src=<%- path to obj %> alt="Dark Brown Boots"></a></div>
          <div class="slide"><a href="#"><img src="<%- path to obj %>" alt="Dark Brown Boots"></a></div>
        </div>
      </div>
    </div>
</div>
<div class="product-desc">
    <div class="product-title"><h3><a href="#"><%- path to title %></a></h3></div>


  </div>
</div>

我将如何使用这样的东西:

<% users.forEach(function(user){ %>
    <%- include('user/show', {user: user}); %>
  <% }); %>

迭代 JSON 中的每个数组项并使用我需要的唯一数据创建产品图 block ？

感谢您的帮助!

Answer 1

var data = {
    products: jsonBlob.results.map((product) => { return {title: product.data["product.title"].value[0].text} })    
}

return res.render("template.ejs", data);

// EJS

<% products.forEach(function(product){ %>
    <%- include('product/tile', {product: product}); %>
<% }); %>