当有分配给它的值时，数组对象返回空 - Javascript答案

【问题标题】：The array object returned empty when there are values assigned to it - Javascript当有分配给它的值时，数组对象返回空 - Javascript
【发布时间】：2015-07-21 12:07:04
【问题描述】：

在使用 tumblr API 构建项目时，

var latest = [];
client.posts('XXXXXX', function (err, blog) {
    for (var i = 0; i <

    blog.posts.length; i++) {
        var post = blog.posts[i];
        // this condition is used to identify if any blog post is dated no later than 7 days. 
        if ((new Date().valueOf() - Date.parse(post.date)) /(1000*60*60*24) <= 7){   latest.push(post); 
/ / console.log(post);
        }
    };
});

console.log(latest)

latest 是一个变量，用于存储满足条件的任何博客文章对象。当取消注释 console.log(post) 时，命令行打印 post 对象如下：

{ blog_name: '......',
  id: ......,
  post_url: '......',
  slug: '......',
  type: 'text',
  date: '2015-07-20 16:42:30 GMT',
  timestamp: ....,
  state: 'published',
  format: 'html',
  reblog_key: '.....',
  tags: [],
  short_url: '.......',
  recommended_source: null,
  followed: false,
  highlighted: [],
  liked: false,
  note_count: 0,
  title: '.....',
  body:.......}

但是，对于 console.log(latest)，命令行打印 []。为什么 latest 在这里返回一个空数组？

【问题讨论】：

看起来client.posts() 是一个异步方法...在这种情况下，您尝试的方法将不起作用...您需要在回调方法中添加console.log()。跨度>

标签： javascript node.js tumblr template-engine ejs

【解决方案1】：

正如 cmets 中所指出的，client.posts() 是一种异步方法，因此它不会像您期望的那样按顺序工作。

var latest = [];
client.posts('XXXXXX', function (err, blog) {
    // This is not reached until AFTER you hear back from the API
    // and latest has already been logged.
});

console.log(latest)

如果您想等到收到 API 的回复后再打印，您将需要使用一些异步编程方法，如 Promise 或在 client.posts 回调中添加您想要的功能。

这将正确打印：

var latest = [];
client.posts('XXXXXX', function (err, blog) {
    for (var i = 0; i < blog.posts.length; i++) {
        var post = blog.posts[i];
        if ((new Date().valueOf() - Date.parse(post.date)) /(1000*60*60*24) <= 7){
            latest.push(post);
        }
    }
    console.log(latest); // Prints when for loop completes
});

【讨论】：