基于第二个Promise调用条件筛选首个异步结果的问题排查与修复

你的代码之所以返回[undefined, undefined, undefined]，核心问题出在异步操作的处理和返回值传递上，具体有这几点：

• 1. 异步回调的返回值无法传递到外层：在company.map里调用$.getJSON时，你传入的回调函数里的return c只是回调自己的返回值，根本不会成为map方法的返回结果，而你又没有在map的每一项里返回任何值，所以map默认返回undefined，最终数组自然全是undefined。
• 2. 多余的Promise.all调用：上一步first_data.map(d => d.company)返回的是字符串数组（不是Promise数组），Promise.all接收非Promise值时会直接把它当成已解析的结果，这步操作完全没有意义。
• 3. 没有等待异步操作完成就返回结果：你没有把第二个$.getJSON的异步操作包装成Promise并等待所有操作完成，导致后续的then拿到的是还没处理完的空值数组。

下面是调整后的代码，我会逐步说明改动点：

// 假设first_json是实际的API接口地址（如果是本地数组可直接用，不用$.getJSON）
$.getJSON(first_json)
  .then(first_data => first_data.map(d => d.company)) // 提取所有公司名
  .then(companies => {
    // 为每个公司名创建一个异步请求的Promise
    const requestPromises = companies.map(company => {
      const secondApiUrl = json_string + company;
      // 直接返回$.getJSON的Promise（jQuery3+支持标准Promise）
      return $.getJSON(secondApiUrl).then(data => {
        // 根据条件返回公司名或undefined
        return data.length > 0 ? company : undefined;
      });
    });
    // 等待所有异步请求完成，拿到所有结果
    return Promise.all(requestPromises);
  })
  .then(allResults => {
    // 过滤掉不符合条件的undefined值
    const validCompanies = allResults.filter(item => item !== undefined);
    console.log(validCompanies); // 预期输出: ['one', 'three']
  })
  .catch(error => {
    // 别忘了处理请求过程中的错误
    console.error('请求出错:', error);
  });

关键改动说明： #

• 让map返回Promise数组：把每个公司名对应的$.getJSON请求包装成Promise，因为$.getJSON本身就返回Promise（jQuery3.0+），所以可以直接返回它，并在then里处理判断逻辑。
• 用Promise.all等待所有异步操作：确保所有第二个接口的请求都完成后，再处理结果数组。
• 过滤无效结果：最后把数组里的undefined过滤掉，得到符合条件的公司名数组。

兼容低版本jQuery（<3.0）的处理： #

如果你的jQuery版本低于3.0，$.getJSON返回的是Deferred对象而非标准Promise，这时候可以用Promise.resolve()把它转换成标准Promise：

return Promise.resolve($.getJSON(secondApiUrl)).then(data => {
  return data.length > 0 ? company : undefined;
});

内容的提问来源于stack exchange，提问作者nb_nb_nb