Javascript数组长度始终为0

Question

我尝试将元素映射到[]以获得角度。但如果我检查了对象的长度，则始终为0。。

var objects = [];

this.get().subscribe(
  response => {
    for (var i = 0; i < response.length; i++) {
      objects.push(response[i]);
    }
  }
);
console.log(objects.length);

屏幕如果I控制台.log（对象）

我做错了什么？

Answer 1

您正在记录稍后设置的内容，因此预览将显示一个空数组，但您可以将其展开。

日志将显示项目现在的样子；而不是你记录它时的样子。

var arr = [];
console.log(arr);//shows [] but when you expand it it shows items
arr.push({name:'john'});

如果您想在记录对象时查看对象的值，并计划在记录后对其进行变异，那么您可以执行以下操作：

console.log(JSON.stringify(object,undefined,2);

您的objects.push（响应[i]）；语句在回调中，该回调可能是在您的console.log（objects.length）之后调用的；您可以通过添加另一个日志来证明这一点：

var objects = [];

this.get().subscribe(
  response => {
    console.log('second log')
    for (var i = 0; i < response.length; i++) {
      objects.push(response[i]);
    }
  }
);
console.log("first log",objects.length);

如果您有一个值在稍后时间解析一次，那么您可以使用Promises，但看起来您订阅了一个可以解析多次的事件，因此您的响应仅在回调中可用。

Answer 2

这是由于代码执行的异步性质。订阅方法接受回调，这是您用名为响应的参数编写的箭头函数。因此，回调不会立即执行，但会在一段时间后执行。但是，由于JS是异步的，它不会等待回调执行，而是会移动到代码的下一行，其中变量仍然是一个空数组。正如其他答案所建议的，您可以将控制台在回调函数内记录日志以记录期望值。

Answer 3

在订阅中获得响应之前，您正在执行console.log。只需在订阅中移动console.log。

var objects = [];

this.get().subscribe(
  response => {
    for (var i = 0; i < response.length; i++) {
      objects.push(response[i]);
    }
    console.log(objects.length);
  }
);