array.Length为零，但数组中有元素[重复]

Question

    function getPaths() {
      var dirPath = document.getElementById("mdir").innerHTML;
      var filePaths = [];
      fs.readdir(dirPath, function(err, dir) {
        for(var i = 0, l = dir.length; i < l; i++) {
          var filePath = dir[i];
          filePaths.push(dirPath + "/" + filePath);
        }
      });
      console.log(filePaths);
      console.log(filePaths.length);
    }

它应该查看由dirpath定义的目录，然后循环并获得该目录中所有文件的完整路径。它将它们追加到一个数组，然后在底部将数组记录到控制台，后面跟着数组的长度。令我困惑的是，给定代码，数组会像预期的那样记录到控制台，但控制台会记录零作为长度。我目前的想法是，它与作用域有关，但这没有意义，因为我在运行的函数上面声明了数组filepaths。除非我错过了什么。有人能指出我做错了什么吗？

Answer 1

readdir是异步的。它不会马上得到结果。您应该在回调中使用filepaths。控制台显示该值的唯一原因是因为控制台在展开数组时对其进行计算。

当您按下左边的小箭头时，将鼠标放在右边的i框上。发生的情况是，控制台保留了对数组的引用，因此当用户展开数组时，它会显示数组的当前值。但是当您记录filepaths.length时，数组是空的，因为readdir还没有完成读取，这就是为什么您得到0。但是当您打开控制台并按下该箭头时，readdir将已经完成读取，控制台将打印数组的当前值（在数组填充之后）。

演示问题的例子：（不是解决方案，只是为了了解真正发生了什么）

var arr = [];

setTimeout(function() {
  arr.push(1, 2, 3);
}, 5000);

console.log(arr.length);

console.log(arr);

在这里，数组和它的长度在数组填充之前都被记录下来。数组将在5秒后填充。因此，输出将是0和数组array[]的字符串表示形式。现在，因为数组可能有大量的数据，所以控制台在用户展开数组之前不会显示这些数据。因此，控制台所做的是保留对数组的引用，直到用户按下展开箭头。如果您在5秒前展开数组，您将看到数组是空的（尚未填充）。如果您等到5秒后再展开它，那么您将看到它被填充，尽管它被记录为空数组。

注意：此外，记录到控制台的行（类似于>数组(0))只是记录发生时对象/数组的字符串表示。如果对象/数组更改，则不会更新。所以有时这也可能会让人困惑。

我希望现在清楚了。