ejs 网站从服务器端获取了一个变量，并且无法正常工作

Question

我使用 Node.js、express 和 ejs

客户端从服务器端获取变量

res.render('Messagess.ejs', {friendsdatas:friends, myaccount:accresult, mytoken:cookies.LoginToken})

我在这样的 html 代码中使用这个变量。 这工作正常。

<% for (var i=0; i<friendsdatas.length; i++) { %>
  <p class="name"><%= friendsdatas[i].Username %></p>
<% } %>

但是在脚本部分，我不能像我想要的那样使用

for (var i = 1; i<'<%=friendsdatas.length %>'; i++) {
  console.log('<%=friendsdatas[i].id %>')
}

在这里我得到错误错误

如果我使用这样的变量，那可以正常工作

console.log('<%=friendsdatas[1].id %>')

Answer 1

对于这种情况，

<% for (var i=0; i<friendsdatas.length; i++) { %>
  <p class="name"><%= friendsdatas[i].Username %></p>
<% } %>

<% %> 中的代码由服务器执行。 由于控制结构 (for) 在 <% %> 内部，因此它可以运行和读取friendsdatas 。

然而，另一种情况

for (var i = 1; i<'<%=friendsdatas.length %>'; i++) {
  console.log('<%=friendsdatas[i].id %>')
}

这部分由客户端运行。 客户端无法访问friendsdata.id ，因此无法运行。

<% for (var i = 1; i<'<%=friendsdatas.length %>'; i++) { %>
  console.log('<%=friendsdatas[i].id %>')
<% } %>

这将 output i console.log 语句。 或者，

<% 
let friendsdatasString = JSON.stringify(friendsdatas);
%>
<script>
let friendsdatas = <%- friendsdatasString %>;
for (var i = 1; i<friendsdatas.length; i++) {
  console.log(friendsdatas[i].id)
}
</script>

将服务器端变量传递给客户端变量并为客户端正常循环。