按索引从数组输出返回未定义

Question

我正在尝试输出位于 json 对象中的数组的特定索引。

例如，我从 MongoDB 中获取了以下 json 对象

{ _id: 55b65199c92d15d80fd94803,
  site: 'test.com',
  company: 'test',
  __v: 0,
  votes: [
     { vote_user: '55a11de3e4c770982730ccb9' },
     { vote_user: '55a11de3e4c770982730612a' } 
  ] 
}

这个对象是从nodejs路由渲染传递过来的一个名为suggestions的对象，并且是通过EJS循环使用

 <% suggestion.forEach(function(item){ %><%}%>

在这个阶段，我尝试使用从投票数组中检索特定的 vote_user 对象

 <% suggestion.forEach(function(item){ %><%- item.votes[0] %><%})%>

然而，我得到的只是未定义

我尝试将“item”分配给一个 javascript 变量，然后将其记录到浏览器控制台，它完全按照我的意愿工作并期望它 - 因为我得到以下结果：

Object {vote_user: "55a11de3e4c770982730ccb9"}

真的无法理解为什么它不像我想象的那样工作。

编辑

由于有点不清楚设置的样子，下面是实际使用的代码：

EJS

<% suggestion.forEach(function(item, i){ %>
        <div class="suggestion-entry suggestion-<%- item._id %>" data-entry="<%- item._id %>">
            <!--<%- item %>-->
            <div class="entry-info">
                <div class="voting">
                    <script>
                        console.log(<%- item.votes %>[0].vote_user)
                    </script>
                    <%- item.votes[0].vote_user %>
                    <div class="vote vote-up"><a><i class="fa fa-chevron-up"></i></a></div>
                <div class="vote vote-down"><a><i class="fa fa-chevron-down"></i></a></div>
                </div>
                <div class="image"><img src='http://placehold.it/130x90.jpg'></div>
                <div class="company">
                    <h2><a href="<%= item.site %>"><%= item.company %></a></h2>
                    <span class="desc"><%= item.company %></span>
                </div>
            </div>
        </div>
    <% }); %>

脚本标签输出实际的 vote_user 值而不是 undefined。

Nodejs 路由

app.get('/', function(req, res) {
        Suggestion.find(function(err, suggestions){
            res.render('index', { message: req.flash('message'), title: "title", user : req.user, suggestion : suggestions });
        })
    });

MongoDB 文档和开头写的一样

Answer 1

所以，我终于设法解决了这个问题 - 我不确定为什么这个解决方案有效，但它确实有效。

根据@Jan 的建议，id 必须转换为字符串才能使 EJS 能够正确验证和使用 json 对象。

解决办法是先把node传过来的json对象串起来

app.get('/', function(req, res) {
    Suggestion.find(function(err, suggestions){
        res.render('index', { message: req.flash('message'), title: "title", user : req.user, suggestion : JSON.stringify(suggestions) });
    })
});

这会将所有对象和数组作为字符串返回，而不是为 mongo 中的值设置的数据类型。

为了能够处理字符串值，我随后在 EJS 中简单地将字符串化的建议变量解析为 JSON

JSON.parse(suggestion)

Answer 2

回答已编辑的问题：

首先，您的id 需要是一个字符串。似乎问题在于使用<%- 标签。也许你可以找到关于它应该如何工作的文档，但在网站上进行测试，这根本不起作用，而 <%= 工作得很好。精简的概念证明：

<%
var suggestion = [{ _id: '55b65199c92d15d80fd94803',
  site: 'test.com',
  company: 'test',
  __v: 0,
  votes: [
     { vote_user: '55a11de3e4c770982730ccb9' },
     { vote_user: '55a11de3e4c770982730612a' } 
  ] 
}];
%>

<% suggestion.forEach(function(item, i){ %>
<div class="suggestion-entry suggestion-<%= item._id %>" data-entry="<%= item._id %>">
  <li><%= item.votes[0].vote_user %></li>
  <li><%= item.site %></li>
  <li><%= item.company %></li> 
</div>
<% }); %>

将其粘贴到网站上的测试文本区域中，您会看到它有效。如果这仍然不适用于您的代码，则说明情况完全不同。