在javascript中循环完成后如何执行语句？

Question

我正在查询一个 mongo 数据库以检索用于在 rougelike 游戏中显示的图块。这是我使用的功能：

function get_display(){
    var collections = ['austinsroom'];
    var db  = mongojs(uri, collections);
    var temphtml = '';

    for(var j = 0; j < 3; j++) {
        console.log("y=" + String(j));
        db.austinsroom.find({"y": j}, {}).sort({"x": 1}, function(err, records) {
            if(err) {
                console.log("There was an error executing the database query.");
                return;
            } 
            var i = records.length;
            while(i--) {
                temphtml += records[i].display;
            }   
            temphtml += '<br>';
            //console.log(temphtml);
            //return temphtml;
            //THE ONLY WAY I CAN GET ANYTHING TO PRINT IN THE CONSOLE IS IF I PUT IT INSIDE THE LOOP HERE
            });
        //console.log(temphtml);
        //return temphtml;
        //THIS DOES NOTHING
    }
    //console.log(temphtml);
    //return temphtml;
    //THIS DOES NOTHING
}
get_display();

如果我将console.log(temphtml) 放入循环中，它会打印三遍，这不是我想要的。我只想要最终的字符串（即...<br>...<br>...<br>。而且我最终无法返回temphtml 字符串，这实际上是重要的。这是javascript的一些怪癖吗？为什么它不会在循环后执行语句？

另外：有没有更好的方法来检索存储在 mongo 数据库中的网格的每个元素，以便它可以正确显示？以下是 mongo 文档的样子：

{
    "_id": {"$oid": "570a8ab0e4b050965a586957"},
    "x": 0,
    "y": 0,
    "display": "."
}

现在，游戏应该使用 x 和 y 坐标值在所有空白处显示“.”。数据库由“x”值索引。

Answer 1

见async.whilst。您希望对 for 循环进行流控制，这提供了一个回调来控制每个循环迭代。

var temphtml = "",
    j = 0;

async.whilst(
  function() { return j < 3 },
  function(callback) {
    db.austinsroom.find({"y": j }, {}).sort({"x": 1}, function(err, records) 
      temphtml += records.map(function(el) {
          return el.display;
      }).join("") + '<br>';
      j++;
      callback(err);
    });
  },
  function(err) {
     if (err) throw err;
     console.log(temphtml);
  }
)

或者使用Promise.all()收集的承诺返回“一个大的结果”。但是您还需要从mongojs 切换到promised-mongo，作为最接近的等价物，因为实际上有更多的mongodb 驱动程序支持promise。那个只是来自mongojs的直接分叉：

var temphtml = "",
    j = 0,
    promises = [];

for ( var j=0; j < 3; j++ ) {
   promises.push(db.austinsroom.find({"y": j }, {}).sort({"x": 1}).toArray());
   promises.push('<br>');   // this will just join in the output
)

Promise.all(promises).then(function(records) {
    temphtml += records.map(function(el) {
        return el.display;
    }).join("");
})

不完全相同，因为它是一个列表输出而不是三个，但重点是 Promise 对象延迟到实际调用来解析，因此您可以在循环中提供参数，但稍后执行。

Answer 2

我不使用 MongoDB，但我正在阅读它是异步的。所以发生的事情是您的 db.austinsroom.find 调用触发另一个“线程”并返回到 for 循环以继续下一次迭代。

做你想做的事情的一种方法是在你的db.austinsroom.find函数的末尾检查你是否完成了for循环。比如：

function get_display()
{
    var collections = ['austinsroom'];
    var db  = mongojs(uri, collections);
    var temphtml = '';
    var doneCounter = 0;

    for(var j = 0; j < 3; j++)
    {
        console.log("y = " + String(j));
        db.austinsroom.find({"y": j}, {}).sort({"x": 1}, function(err, records)
        {
            if(err)
            {
                console.log("There was an error executing the database query.");
                return;
            } 
            var i = records.length;
            while(i--)
            {
                temphtml += records[i].display;
            }   
            temphtml += '<br>';

            // we're done with this find so add to the done counter
            doneCounter++;

            // at the end, check if the for loop is done
            if(doneCounter == 3)
            {
                // done with all three DB calls
                console.log(temphtml);
            }
       });
    }
}

这可能不是最好的方法，因为我对 MongoDB 一无所知，但它应该让你走上正确的道路。