对于 Jade 中 node.js 中声明的变量的循环在 Javascript 中不起作用

Question

我正在学习使用 node.js 和 JADE，并且在让 for 循环在 jade 文件中的 javascript 中工作时遇到问题。我正在尝试用一个简单的代码来学习它。我正在将一个数组从我的数据库传递到玉文件。当我直接调用数组的特定元素时它可以工作（var x = !{lat[2]}; alert(x)，但是当我将它放在 for 循环中时它不会工作。这是我的 app.js代码：

app.get('/test', function(req, res){

getlat(function(err, lat){
    if(err){
      return res.send(500);
    }console.log(lat);
    res.render('test', {lat:lat});
  });

这是从数据库中检索经纬度的地方：

var mongoose = require ('mongoose');
  function getlat(callback){
  var lat = new Array();
  mongoose.model('stories').find({},function(err, companies) {
    if(err){
      return callback(err, lat);
    }
    for (var i = 0; i < companies.length; i++) {
      lat[i] = companies[i].Lat;
    }
    return callback(null, lat);
 });
}
module.exports = getlat;

这是我的玉文件：

body
   button.btn.btn-info Click Here! 
script.
  $('button').click( function() {
    for (var i = 0; i < 2; i++) {
      var x = !{lat[i]};
      alert(x);
    });
  });

如果有人告诉我哪里出错了，我将不胜感激。 谢谢

Answer 1

问题是lat 只存在于服务器端，而i 只存在于客户端。

尽管都使用 JavaScript，但这两个环境仍然彼此分开管理，所有服务器端代码在客户端代码开始之前运行到完成。

解决此问题的一种方法是将整个 lat 输出到视图中的客户端变量，使用 JSON 和 JavaScript 的共享语法，并在客户端对其进行迭代。

script.
  $('button').click(function () {
    var lat = !{ JSON.stringify(lat) };

    for (var i = 0; i < 2; i++) {
      // ...
    }
  });