javascript - 使用 BlueBird + React Native 过滤未定义的 promise

Question

我正在尝试获取多个 rss 提要，获取它们的每个 promise ，并使用 bluebird 合并每个返回的 promise 的数组，以获得用户相关内容的数组。

但是，有时某些 rss 提要已关闭或没有图像，这些 promise 会返回一个未定义的数组，该数组应如下所示:

所以我正在寻找一种方法来过滤掉这些不好的 promise 并保留好的 promise 。我对 Bluebird 和一般的 promise 非常陌生，非常感谢任何帮助。现在这是我的代码(根本不会过滤掉任何 promise ，但会合并它们的数组):

//combining promises
    var that = this; 
    return Promise.all(rss_feeds)
      .then((res) => {
          for (var q = 0; q < res.length; q++)
          {
            for (var a =0; a < res[q].length; a++)
            {
              final_array.push(res[q][a]);
            }
          }
          //console.log('The following array of objects was constructed and is now being shuffled');
          //console.log(final_array.length);
          that.shuffle(final_array);
          //console.log(final_array);
          return final_array;
      }); 

Answer 1

一旦值被包装在 Promise 中，检查它的唯一方法是使用 .then 方法。事实上，promise 如此强大的原因是 .then 允许在不关心其实际存在的情况下操纵包装的值。换句话说， promise 代表最终值的计算上下文。

因此，您首先需要使用 Promise#all 从 promise 数组转移到数组 promise ，然后对最终的值数组进行推理(其中一些可能是 未定义)。之后，您可以过滤并返回仅包含所需值的新 promise 。

这导致:

// dummy values to simulate the use case
var arrayOfPromises = [Promise.resolve(1), Promise.resolve(undefined), Promise.resolve(2)]

var result = Promise.all(arrayOfPromises).then(ps => ps.filter(p => p));
result.then(console.log.bind(console));  // output: [1, 2]

请注意，Bluebird 提供了一个附加的 Promise#filter 方法作为速记。但是，上面的代码具有使用 bluebird 和原生 ES6 promises 的优势。